:root {
--vip-font-display: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
--vip-font-body:    'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
--vip-ease:         cubic-bezier(0.4, 0, 0.2, 1);
--vip-ease-out:     cubic-bezier(0, 0, 0.2, 1);
--vip-radius-sm: 6px; --vip-radius-md: 10px; --vip-radius-lg: 14px; --vip-radius-pill: 999px;
--vip-bg: #ffffff;
--vip-bg-subtle: #f9fafb;
--vip-surface: #f7f7f8;
--vip-surface-raised: #f0f1f4;
--vip-ink: #16181c;
--vip-text-secondary: #374151;
--vip-muted: #6b7280;
--vip-text-faint: #9ca3af;
--vip-border: #e5e7eb;
--vip-border-subtle: #f3f4f6;
--vip-border-strong: #d1d5db;
--vip-accent: #5b3ce8;
--vip-accent-btn: #7c3aed;
--vip-accent-hover: #4c2fcc;
--vip-accent-soft: #f0eeff;
--vip-accent-mid: #ede9fe;
--vip-accent-muted: #c4b5fd;
--vip-accent-ring: rgba(91,60,232,0.10);
--vip-accent-shadow: rgba(91,60,232,0.25);
--vip-focus-ring: rgba(22,24,28,0.08);
--vip-danger: #ef4444; --vip-danger-dark: #b91c1c; --vip-danger-bg: #fef2f2;
--vip-featured: #f59e0b;
--vip-shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
--vip-shadow-md: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
--vip-shadow-lg: 0 12px 28px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
--vip-pag-bg: #1a2035; --vip-pag-text: #94a3b8;
--vip-pag-hover-bg: #2a3550; --vip-pag-hover-text: #e2e8f0;
--vip-pag-active-bg: #ffffff; --vip-pag-active-text: #111111; --vip-pag-active-ring: #555555;
--vip-bnav-bg: rgba(255,255,255,0.96);
--vip-bnav-border: rgba(91,60,232,0.10);
--vip-bnav-shadow: 0 4px 24px rgba(91,60,232,0.12), 0 2px 8px rgba(0,0,0,0.07);
--vip-bnav-inactive: #9ca3af; --vip-bnav-active: #5b3ce8;
--vip-sidebar-shadow: 6px 0 40px rgba(91,60,232,0.18), 2px 0 12px rgba(0,0,0,0.10);
}
html {
overflow-x: clip;
max-width: 100%;
}
body {
font-family: var(--vip-font-body);
color: var(--vip-ink);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
max-width: 100%;
}
body {
animation: vip-page-in 0.4s ease both;
}
@keyframes vip-page-in {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: translateY(0); }
}
::selection {
background: var(--vip-ink);
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--vip-font-display);
letter-spacing: -0.01em;
color: var(--vip-ink);
}
a {
transition: color 0.18s ease, opacity 0.18s ease;
}
*:focus {
outline: none;
}
*:focus-visible {
outline: 2px solid var(--vip-ink);
outline-offset: 3px;
border-radius: 3px;
}
#masthead,
.main-header-bar {
position: sticky;
top: 0;
z-index: 999;
background: var(--vip-bg) !important;
box-shadow: none !important;
border-bottom: none !important;
border-top: none !important;
}
.ast-primary-header-bar,
.ast-primary-header-bar-wrap,
.ast-above-header-bar,
.ast-above-header-bar-wrap,
.ast-above-header-wrap,
.ast-below-header-bar,
.ast-below-header-bar-wrap,
.ast-below-header-wrap,
.ast-site-header-wrap,
.ast-main-header-wrap,
.ast-desktop-header,
.ast-header-break-point-wrap,
#ast-fixed-header,
.main-header-bar-navigation,
.ast-nav-menu,
.ast-masthead-custom-menu-items {
border-bottom: none !important;
border-top: none !important;
box-shadow: none !important;
}
#masthead::before,
#masthead::after,
.main-header-bar::before,
.main-header-bar::after,
.ast-primary-header-bar::before,
.ast-primary-header-bar::after,
.ast-above-header-wrap::before,
.ast-above-header-wrap::after,
.ast-below-header-wrap::before,
.ast-below-header-wrap::after {
border: none !important;
box-shadow: none !important;
}
#masthead hr,
.site-header hr,
.main-header-bar hr,
.ast-primary-header-bar hr,
.ast-above-header-wrap hr,
.ast-below-header-wrap hr,
.ast-header-row-separator {
display: none !important;
}
.custom-logo-link img {
max-height: 48px;
width: auto;
display: block;
}
.site-branding .site-title,
.ast-site-identity .site-title,
.site-title a {
font-family: var(--vip-font-display) !important;
font-size: 26px !important;
font-weight: 700 !important;
letter-spacing: -0.01em;
color: var(--vip-ink) !important;
text-decoration: none;
}
.site-branding,
.ast-site-identity {
margin: 0 !important;
}
.main-header-bar-navigation a {
font-family: var(--vip-font-body) !important;
font-weight: 600 !important;
font-size: 13px !important;
letter-spacing: 0.03em !important;
text-transform: uppercase !important;
color: var(--vip-ink) !important;
padding: 9px 16px !important;
border-radius: var(--vip-radius-pill);
transition: color 0.2s var(--vip-ease), opacity 0.2s var(--vip-ease);
text-decoration: none !important;
display: inline-flex !important;
position: relative !important;
align-items: center;
gap: 7px;
overflow: visible !important;
}
.main-header-bar-navigation a:hover {
opacity: 1;
color: var(--vip-accent) !important;
}
.main-header-bar-navigation > ul > li > a::after {
content: '';
position: absolute;
bottom: 0px;
left: 16px;
right: 16px;
height: 1.5px;
background: var(--vip-accent);
border-radius: 999px;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.24s var(--vip-ease), opacity 0.24s var(--vip-ease);
opacity: 0;
pointer-events: none;
}
.main-header-bar-navigation > ul > li > a:hover::after {
transform: scaleX(1);
opacity: 1;
}
.main-header-bar-navigation li.current-menu-item > a {
opacity: 1;
font-weight: 700;
color: var(--vip-accent) !important;
}
.main-header-bar-navigation li.current-menu-item > a::after {
transform: scaleX(1);
opacity: 0.45;
}
.nav-home > a::before,
.menu-item-home > a::before,
.nav-account > a::before,
.nav-cards > a::before,
.nav-shop > a::before,
.nav-cart > a::before,
.nav-checkout > a::before,
.menu-item-vip > a::before,
.nav-vip > a::before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
flex-shrink: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.7;
transition: opacity 0.2s ease, filter 0.24s ease;
}
.main-header-bar-navigation a:hover::before {
opacity: 1;
filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(5000%) hue-rotate(248deg);
}
.main-header-bar-navigation li.current-menu-item.nav-home > a::before,
.main-header-bar-navigation li.current-menu-item.menu-item-home > a::before,
.main-header-bar-navigation li.current-menu-item.nav-shop > a::before,
.main-header-bar-navigation li.current-menu-item.nav-cart > a::before,
.main-header-bar-navigation li.current-menu-item.nav-vip > a::before,
.main-header-bar-navigation li.current-menu-item.menu-item-vip > a::before,
.main-header-bar-navigation li.current-menu-item.nav-account > a::before,
.main-header-bar-navigation li.current-menu-item.nav-checkout > a::before {
display: inline-block !important;
opacity: 1 !important;
filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(5000%) hue-rotate(248deg) !important;
}
.custom-logo-link {
transition: transform 0.22s var(--vip-ease), opacity 0.22s ease;
display: inline-block;
will-change: transform;
}
.custom-logo-link:hover {
transform: scale(1.05);
opacity: 0.9;
}
.site-title a:hover {
opacity: 0.75 !important;
color: var(--vip-ink) !important;
}
.nav-home > a::before,
.menu-item-home > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
.nav-account > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.nav-cards > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='9' height='9' rx='1'/%3E%3Crect x='13' y='2' width='9' height='9' rx='1'/%3E%3Crect x='2' y='13' width='9' height='9' rx='1'/%3E%3Crect x='13' y='13' width='9' height='9' rx='1'/%3E%3C/svg%3E");
}
.nav-shop > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}
.nav-cart > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E");
}
.nav-checkout > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
}
.menu-item-vip > a::before,
.nav-vip > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M11 3 8 9l4 12 4-12-3-6'/%3E%3Cline x1='2' y1='9' x2='22' y2='9'/%3E%3C/svg%3E");
}
.menu-item-vip > a .vip-nav-icon { display: none; }
button,
.wp-block-button__link,
input[type="submit"],
a.button {
font-family: var(--vip-font-body);
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
}
button:hover:not([disabled]),
.wp-block-button__link:hover,
input[type="submit"]:hover:not([disabled]),
a.button:hover {
transform: translateY(-2px);
box-shadow: var(--vip-shadow-md);
}
button:active,
.wp-block-button__link:active,
input[type="submit"]:active,
a.button:active {
transform: translateY(0) !important;
box-shadow: none !important;
}
.vip-card-grid,
.vip-live-search-grid,
.elementor-widget-container .vip-card-grid,
.elementor-widget-container .vip-live-search-grid,
.entry-content .vip-card-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
column-count: unset !important;
columns: unset !important;
float: none !important;
gap: 22px !important;
align-items: start !important;
width: 100% !important;
box-sizing: border-box !important;
}
.vip-card-grid > *,
.vip-live-search-grid > *,
.elementor-widget-container .vip-card-grid > *,
.elementor-widget-container .vip-live-search-grid > * {
float: none !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
min-width: 0 !important;
}
@media (max-width: 800px) {
.vip-card-grid,
.vip-live-search-grid,
.elementor-widget-container .vip-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 480px) {
.vip-card-grid,
.vip-live-search-grid,
.elementor-widget-container .vip-card-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
}
.vip-card,
ul.products li.product {
transition: transform 0.34s var(--vip-ease), box-shadow 0.34s var(--vip-ease);
will-change: transform;
}
.vip-card:hover,
ul.products li.product:hover {
transform: translateY(-5px);
box-shadow: 0 20px 48px rgba(0,0,0,0.28), 0 6px 16px rgba(0,0,0,0.14);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
background: var(--vip-ink) !important;
color: #fff !important;
border-radius: var(--vip-radius-sm) !important;
font-family: var(--vip-font-body) !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
border: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
background: #000 !important;
color: #fff !important;
}
.woocommerce .input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce textarea {
border-color: var(--vip-border) !important;
border-radius: var(--vip-radius-sm) !important;
font-family: var(--vip-font-body) !important;
color: var(--vip-ink) !important;
transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.woocommerce .input-text:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce textarea:focus {
border-color: var(--vip-ink) !important;
box-shadow: 0 0 0 3px rgba(22, 24, 28, 0.08) !important;
outline: none !important;
}
#colophon,
.site-footer,
footer.site-footer {
display: none !important;
}
.vip-footer {
padding: 20px 20px;
text-align: center;
border-top: 1px solid var(--vip-border);
background: var(--vip-bg);
}
.vip-footer-links {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px 28px;
padding: 0;
margin: 0;
}
.vip-footer-links a {
color: var(--vip-muted);
font-size: 13px;
font-weight: 500;
text-decoration: none;
letter-spacing: 0.01em;
transition: color 0.18s ease;
}
.vip-footer-links a:hover {
color: var(--vip-ink);
}
.vip-reveal {
opacity: 1;
transform: none;
}
.vip-reveal.vip-reveal--pending {
opacity: 0;
transform: translateY(16px);
}
.vip-reveal.vip-reveal--in {
opacity: 1;
transform: translateY(0);
transition: opacity 0.5s var(--vip-ease-out), transform 0.5s var(--vip-ease-out);
transition-delay: calc(var(--vip-i, 0) * 48ms);
}
@media (prefers-reduced-motion: reduce) {
body {
animation: none;
}
.vip-reveal.vip-reveal--pending {
opacity: 1;
transform: none;
}
.vip-reveal.vip-reveal--in {
transition-delay: 0ms;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
transition-delay: 0ms !important;
}
}
.woocommerce-ordering select,
.woocommerce-ordering .orderby {
padding: 9px 14px;
border: 1px solid var(--vip-border) !important;
border-radius: 999px !important;
font-family: var(--vip-font-body) !important;
font-size: 14px !important;
font-weight: 500;
color: var(--vip-ink) !important;
background: var(--vip-bg) !important;
cursor: pointer;
transition: border-color 0.18s ease;
appearance: none;
-webkit-appearance: none;
padding-right: 32px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 16px !important;
}
.woocommerce-ordering select:focus {
outline: none !important;
border-color: var(--vip-ink) !important;
box-shadow: 0 0 0 3px rgba(22,24,28,0.08) !important;
}
.widget_layered_nav,
.widget_layered_nav_filters,
.widget_product_categories,
.widget_price_filter,
.woocommerce-widget-layered-nav {
margin-bottom: 24px !important;
}
.widget_layered_nav .widget-title,
.widget_product_categories .widget-title,
.widget_price_filter .widget-title,
.woocommerce-widget-layered-nav .widget-title,
.widget-title {
font-family: var(--vip-font-display) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: var(--vip-muted) !important;
padding-bottom: 12px !important;
border-bottom: 1px solid var(--vip-border) !important;
margin-bottom: 12px !important;
}
.widget_layered_nav ul li,
.widget_product_categories ul li,
.woocommerce-widget-layered-nav ul li {
padding: 5px 0;
border: none !important;
font-size: 14px;
}
.widget_layered_nav ul li a,
.widget_product_categories ul li a,
.woocommerce-widget-layered-nav ul li a {
color: var(--vip-ink) !important;
text-decoration: none !important;
font-weight: 500;
transition: opacity 0.15s ease;
}
.widget_layered_nav ul li a:hover,
.widget_product_categories ul li a:hover,
.woocommerce-widget-layered-nav ul li a:hover {
opacity: 0.6;
}
.widget_layered_nav ul li.chosen a,
.widget_layered_nav_filters ul li a {
font-weight: 700 !important;
text-decoration: underline !important;
}
.widget_layered_nav ul li .count,
.widget_product_categories ul li .count {
color: var(--vip-muted);
font-size: 12px;
margin-left: 4px;
}
.price_slider_wrapper .ui-slider-range {
background: var(--vip-ink) !important;
}
.price_slider_wrapper .ui-slider-handle {
background: var(--vip-ink) !important;
border-color: var(--vip-ink) !important;
}
.woocommerce .price_slider_amount .button {
background: var(--vip-ink) !important;
color: #fff !important;
border-radius: var(--vip-radius-sm) !important;
font-family: var(--vip-font-body) !important;
font-weight: 700 !important;
border: none !important;
}
.woocommerce div.product .woocommerce-product-gallery {
border-radius: 12px;
overflow: hidden;
}
.woocommerce div.product .summary {
padding-left: 28px;
}
.woocommerce div.product .product_title {
font-size: 26px !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
color: var(--vip-ink) !important;
margin-bottom: 10px !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 28px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
letter-spacing: -0.02em;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
color: var(--vip-muted) !important;
font-size: 18px !important;
font-weight: 400 !important;
margin-left: 8px;
}
.woocommerce div.product .woocommerce-product-details__short-description {
color: var(--vip-muted) !important;
font-size: 15px !important;
line-height: 1.65;
margin-bottom: 20px;
}
.woocommerce div.product form.cart {
display: flex;
align-items: center;
gap: 14px;
margin-top: 20px;
}
.woocommerce div.product form.cart .qty {
border: 1px solid var(--vip-border) !important;
border-radius: 8px !important;
padding: 11px 14px !important;
font-family: var(--vip-font-body) !important;
font-size: 15px !important;
width: 68px !important;
text-align: center;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
flex: 1;
padding: 13px 24px !important;
font-size: 15px !important;
border-radius: 9px !important;
background: var(--vip-ink) !important;
color: #fff !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
border: none !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
background: #000 !important;
}
.vip-pagination .vip-pagination__btn,
a.vip-pagination__btn {
display: inline-flex !important;
align-items: center !important;
padding: 9px 20px !important;
margin: 0 !important;
line-height: 1 !important;
height: auto !important;
min-height: auto !important;
min-width: auto !important;
background: #e8eaf0 !important;
color: #3d4050 !important;
font-size: 14px !important;
font-weight: 500 !important;
font-family: inherit !important;
border-radius: 8px !important;
text-decoration: none !important;
border: none !important;
box-shadow: none !important;
letter-spacing: normal !important;
text-transform: none !important;
vertical-align: baseline !important;
}
.vip-pagination .vip-pagination__btn:hover,
a.vip-pagination__btn:hover {
background: #d0d2db !important;
color: var(--vip-ink) !important;
text-decoration: none !important;
}
.single-vip_collection .entry-meta,
.single-vip_collection .posted-on,
.single-vip_collection .byline,
.single-vip_collection .ast-post-meta-wrap,
.single-vip_collection .entry-footer {
display: none !important;
}
.single-vip_collection .post-thumbnail {
margin-bottom: 24px;
}
.single-vip_collection .post-thumbnail img {
width: 100%;
max-width: 560px;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.12);
display: block;
}
.vip-unlock-box__icon,
.vip-membership-box__icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 14px;
background: var(--vip-surface);
margin: 0 auto 12px;
color: var(--vip-ink);
}
.vip-unlock-box__icon svg,
.vip-membership-box__icon svg {
display: block;
}
.woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin: 0 !important;
}
@media (max-width: 780px) {
.woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
.woocommerce ul.products { grid-template-columns: 1fr !important; }
}
.woocommerce ul.products li.product {
background: var(--vip-bg) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 14px !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
.woocommerce ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 10px 28px rgba(0,0,0,0.10) !important;
border-color: var(--vip-border-strong) !important;
}
.woocommerce ul.products li.product a img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
border-radius: 0 !important;
margin: 0 !important;
transition: transform 0.35s ease !important;
}
.woocommerce ul.products li.product:hover a img {
transform: scale(1.04) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--vip-ink) !important;
font-size: 13.5px !important;
font-weight: 700 !important;
padding: 12px 14px 4px !important;
margin: 0 !important;
line-height: 1.3 !important;
}
.woocommerce ul.products li.product .price {
display: block !important;
padding: 2px 14px 6px !important;
color: var(--vip-ink) !important;
font-size: 15px !important;
font-weight: 700 !important;
}
.woocommerce ul.products li.product .price del {
color: var(--vip-text-faint) !important;
font-size: 12px !important;
font-weight: 400 !important;
margin-left: 4px !important;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 14px 8px !important;
float: none !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
display: block !important;
width: calc(100% - 28px) !important;
margin: 0 14px 14px !important;
background: var(--vip-ink) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
padding: 10px 0 !important;
text-align: center !important;
text-transform: uppercase !important;
transition: background 0.18s ease !important;
min-height: auto !important;
height: auto !important;
line-height: 1 !important;
box-shadow: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
background: #000 !important;
color: #fff !important;
transform: none !important;
}
.woocommerce ul.products {
grid-template-columns: repeat(auto-fill, minmax(200px, 280px)) !important;
justify-content: center !important;
}
@media (max-width: 600px) {
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr) !important;
justify-content: stretch !important;
}
}
.woocommerce ul.products li.product .product-category,
.woocommerce ul.products li.product .woocommerce-product-category,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .posted_in {
display: none !important;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
.vipc-shop-main ul.products li.product .onsale {
background: linear-gradient(135deg, var(--vip-accent-btn), var(--vip-accent)) !important;
color: #fff !important;
border-radius: 999px !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 5px 11px !important;
min-height: auto !important;
min-width: auto !important;
top: 12px !important;
left: 12px !important;
right: auto !important;
line-height: 1.4 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
box-shadow: none !important;
border: none !important;
}
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-account-wrapper,
.woocommerce-account .woocommerce > form:only-child {
}
.woocommerce-account .woocommerce {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
gap: 36px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 200px !important;
width: 200px !important;
min-width: 160px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 280px !important;
min-width: 0 !important;
}
@media (max-width: 700px) {
.woocommerce-account .woocommerce {
flex-direction: column !important;
gap: 20px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 auto !important;
width: 100% !important;
}
}
.woocommerce-MyAccount-navigation {
background: var(--vip-accent-soft) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 14px !important;
padding: 8px !important;
overflow: hidden !important;
}
.woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
.woocommerce-MyAccount-navigation ul li {
border: none !important;
border-bottom: none !important;
border-top: none !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--logout {
margin-top: 6px !important;
padding-top: 6px !important;
border-top: 1px solid var(--vip-border) !important;
}
.woocommerce-MyAccount-navigation ul li a {
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 10px 14px !important;
border-radius: 8px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
color: var(--vip-ink) !important;
text-decoration: none !important;
transition: background 0.15s ease, color 0.15s ease !important;
min-height: auto !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background: #ebebed !important;
opacity: 1 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
background: var(--vip-ink) !important;
color: #fff !important;
font-weight: 600 !important;
}
.woocommerce-MyAccount-content {
padding: 0 !important;
}
.woocommerce-MyAccount-content p:first-child {
color: var(--vip-muted);
font-size: 14.5px;
line-height: 1.65;
}
.woocommerce-MyAccount-content a {
color: var(--vip-ink) !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
.woocommerce-account .entry-header h1,
.woocommerce-account .page-title {
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
margin-bottom: 28px !important;
color: var(--vip-ink) !important;
}
.payment_method_nowpayments img,
.payment_method_nowpayments-gateway img,
.wc_payment_method img[src*="nowpayments"],
#payment .payment_methods img[src*="nowpayments"],
#payment .payment_methods img[src*="now-pay"],
#payment .payment_methods img[alt*="NOW"],
#payment .payment_methods img[alt*="Crypto"] {
display: none !important;
}
.payment_method_nowpayments iframe,
.payment_method_nowpayments-gateway iframe {
display: none !important;
}
#payment .payment_methods .payment_method_nowpayments label,
#payment .payment_methods .payment_method_nowpayments-gateway label {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--vip-ink) !important;
cursor: pointer !important;
}
#order_review,
.woocommerce-checkout-review-order {
background: var(--vip-bg) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 14px !important;
padding: 28px !important;
}
#order_review table,
.woocommerce-checkout-review-order table {
border-collapse: collapse !important;
width: 100% !important;
}
#order_review table th,
#order_review table td {
padding: 10px 0 !important;
border-bottom: 1px solid var(--vip-border-subtle) !important;
font-size: 14px !important;
}
#place_order {
border-radius: 999px !important;
font-size: 15px !important;
padding: 14px 0 !important;
letter-spacing: 0.03em !important;
}
.vip-pagination {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 32px 16px !important;
flex-wrap: wrap !important;
}
.vip-pagination .vip-pagination__btn,
a.vip-pagination__btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: #1a2035 !important;
color: #94a3b8 !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 0 !important;
text-decoration: none !important;
border: none !important;
box-shadow: none !important;
letter-spacing: normal !important;
text-transform: none !important;
min-width: auto !important;
min-height: auto !important;
line-height: 1 !important;
transition: background 0.18s ease, color 0.18s ease !important;
}
.vip-pagination .vip-pagination__btn:hover,
a.vip-pagination__btn:hover {
background: #2a3550 !important;
color: #e2e8f0 !important;
text-decoration: none !important;
}
.vip-pagination .vip-pagination__btn.active,
.vip-pagination .vip-pagination__btn[aria-current="page"],
.vip-pagination .vip-pagination__btn--active,
.vip-pagination .vip-pagination__btn.current {
background: var(--vip-bg) !important;
color: #111 !important;
box-shadow: 0 0 0 2.5px #555 !important;
}
.vip-pagination .vip-pagination__prev,
.vip-pagination .vip-pagination__next,
a.vip-pagination__prev,
a.vip-pagination__next {
background: transparent !important;
color: #1a2035 !important;
font-size: 20px !important;
width: 36px !important;
height: 36px !important;
}
.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
list-style: none !important;
padding: 32px 0 !important;
margin: 0 !important;
flex-wrap: wrap !important;
}
.woocommerce-pagination ul li {
margin: 0 !important;
padding: 0 !important;
border: none !important;
float: none !important;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: #1a2035 !important;
color: #94a3b8 !important;
font-size: 15px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: background 0.18s, color 0.18s !important;
min-height: auto !important;
min-width: auto !important;
padding: 0 !important;
line-height: 1 !important;
}
.woocommerce-pagination ul li span.current {
background: var(--vip-bg) !important;
color: #111 !important;
box-shadow: 0 0 0 2.5px #555 !important;
}
.woocommerce-pagination ul li a:hover {
background: #2a3550 !important;
color: #e2e8f0 !important;
}
#vip-bottom-nav {
display: none;
}
@media (max-width: 900px) {
#vip-bottom-nav {
display: flex;
position: fixed;
bottom: 16px;
left: 14px;
right: 14px;
align-items: center;
justify-content: space-around;
background: var(--vip-bg);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 28px;
padding: 8px 6px;
gap: 2px;
z-index: 9997;
box-shadow:
0 4px 24px var(--vip-bnav-shadow),
0 2px 8px rgba(0,0,0,0.07);
border: 1px solid var(--vip-accent-ring);
white-space: nowrap;
transform: translateY(0);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s ease;
will-change: transform;
}
#vip-bottom-nav.vip-dock--hidden {
transform: translateY(calc(100% + 24px));
opacity: 0;
pointer-events: none;
}
body {
padding-bottom: 96px;
}
}
.vip-bnav__item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
padding: 9px 0 !important;
border-radius: 20px !important;
color: var(--vip-text-faint) !important;
text-decoration: none !important;
font-size: 10px !important;
font-weight: 600 !important;
font-family: var(--vip-font-body) !important;
letter-spacing: 0.03em !important;
transition: color 0.2s ease, background 0.2s ease, transform 0.15s ease !important;
min-height: auto !important;
min-width: auto !important;
line-height: 1 !important;
flex: 1 !important;
position: relative !important;
}
.vip-bnav__item svg {
display: block;
width: 22px;
height: 22px;
stroke-width: 1.7;
transition: transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.vip-bnav__item:active svg {
transform: scale(0.82);
}
.vip-bnav__item:hover {
color: var(--vip-accent) !important;
opacity: 1 !important;
}
.vip-bnav__item.vip-bnav--active {
color: var(--vip-accent) !important;
}
.vip-bnav__item.vip-bnav--active svg {
filter: none;
color: var(--vip-accent) !important;
stroke: var(--vip-accent) !important;
}
.vip-bnav__item.vip-bnav--active::after {
content: '' !important;
position: absolute !important;
bottom: 2px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 4px !important;
height: 4px !important;
border-radius: 50% !important;
background: var(--vip-accent) !important;
opacity: 1 !important;
}
.vip-bnav__item--center {
background: var(--vip-accent) !important;
color: #fff !important;
border-radius: 22px !important;
padding: 10px 4px !important;
min-width: 52px !important;
box-shadow: 0 4px 16px var(--vip-accent-shadow) !important;
transform: translateY(-6px) !important;
}
.vip-bnav__item--center svg {
stroke: #fff !important;
width: 24px !important;
height: 24px !important;
}
.vip-bnav__item--center span {
color: #fff !important;
font-weight: 700 !important;
}
.vip-bnav__item--center.vip-bnav--active {
background: var(--vip-accent-hover) !important;
}
.vip-bnav__item--center.vip-bnav--active::after {
display: none !important;
}
.vip-bnav__cart-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.vip-bnav__cart-badge {
position: absolute;
top: -6px;
right: -8px;
background: var(--vip-accent-btn);
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 1;
min-width: 16px;
height: 16px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
box-sizing: border-box;
border: 2px solid var(--vip-bg);
}
.vip-pagination .vip-pagination__btn,
a.vip-pagination__btn {
width: auto !important;
height: auto !important;
border-radius: 999px !important;
background: var(--vip-border-subtle) !important;
color: var(--vip-ink) !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 10px 20px !important;
box-shadow: none !important;
}
.vip-pagination .vip-pagination__btn:hover,
a.vip-pagination__btn:hover {
background: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
.vip-pagination {
align-items: center !important;
gap: 12px !important;
}
.vip-pagination__info {
font-size: 14px !important;
color: var(--vip-muted) !important;
font-weight: 500 !important;
}
.vip-benefits-section {
background: var(--vip-accent-soft) !important;
border: none !important;
border-radius: 0 !important;
}
.vip-benefits-bg-svg {
opacity: 0.04 !important;
filter: invert(1) !important;
}
.vip-benefits-label {
color: var(--vip-muted) !important;
}
.vip-benefits-title {
color: var(--vip-ink) !important;
}
.vip-benefits-list li {
color: #4b5563 !important;
}
.vip-benefits-check path {
stroke: var(--vip-ink) !important;
}
.vip-benefits-card {
background: var(--vip-bg) !important;
border-color: var(--vip-border) !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.vip-benefits-card__gem {
color: var(--vip-ink) !important;
}
.vip-benefits-card__price-now {
color: var(--vip-ink) !important;
}
.vip-benefits-card__price-old {
color: var(--vip-text-faint) !important;
}
.vip-benefits-card__btn {
background: var(--vip-ink) !important;
color: #fff !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.18) !important;
}
.vip-benefits-card__btn:hover {
background: #000 !important;
color: #fff !important;
box-shadow: 0 8px 28px rgba(0,0,0,0.24) !important;
}
.vip-benefits-card__btn-arrow {
background: rgba(255,255,255,0.18) !important;
}
.vip-benefits-card__social {
color: var(--vip-text-faint) !important;
}
.vip-benefits-card__social svg path {
stroke: var(--vip-text-faint) !important;
}
.vipc-wrap {
background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
border: none !important;
border-radius: 0 !important;
margin-top: 16px !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
width: 100vw !important;
max-width: 100vw !important;
box-sizing: border-box !important;
}
.vipc-heading {
color: var(--vip-ink) !important;
}
.vipc-browse {
color: var(--vip-ink) !important;
}
.vipc-browse:hover {
color: #000 !important;
opacity: 0.65 !important;
}
.vipc-card__img-wrap {
background: var(--vip-border) !important;
}
.vipc-card__no-img {
background: linear-gradient(135deg, #eaecef 0%, var(--vip-border-strong) 100%) !important;
}
.vipc-card__title {
color: var(--vip-muted) !important;
}
.vipc-card__price {
color: var(--vip-ink) !important;
}
.vipc-card__price del,
.vipc-card__price .woocommerce-Price-amount:not(:last-child) {
color: var(--vip-text-faint) !important;
}
.vipc-arrow {
background: rgba(0,0,0,0.05) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
.vipc-arrow:hover {
background: rgba(0,0,0,0.10) !important;
}
.vipc-dot {
background: var(--vip-border-strong) !important;
}
.vipc-dot.is-active {
background: var(--vip-ink) !important;
transform: scale(1.3) !important;
}
.ast-mobile-popup-inner .nav-home > a::before,
.ast-mobile-popup-inner .nav-cards > a::before,
.ast-mobile-popup-inner .nav-shop > a::before,
.ast-mobile-popup-inner .nav-cart > a::before,
.ast-mobile-popup-inner .nav-checkout > a::before,
.ast-mobile-popup-inner .menu-item-vip > a::before,
.ast-mobile-popup-inner .nav-vip > a::before,
.ast-primary-mobile-nav .nav-home > a::before,
.ast-primary-mobile-nav .nav-cards > a::before,
.ast-primary-mobile-nav .nav-shop > a::before,
.ast-primary-mobile-nav .nav-cart > a::before,
.ast-primary-mobile-nav .nav-checkout > a::before,
.ast-primary-mobile-nav .menu-item-vip > a::before,
.ast-primary-mobile-nav .nav-vip > a::before {
display: none !important;
content: none !important;
background-image: none !important;
}
.vipc-arrow {
background: var(--vip-surface-raised) !important;
border: 1px solid var(--vip-border-strong) !important;
color: var(--vip-ink) !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
width: 38px !important;
height: 38px !important;
}
.vipc-arrow:hover {
background: #e2e4e9 !important;
color: #000 !important;
}
.vipc-arrow svg {
stroke: currentColor !important;
}
.ast-plain-container .entry-content,
.ast-page-builder-template .entry-content,
.entry-content {
padding-top: 0 !important;
}
.ast-article-post .entry-header,
.ast-single-post .entry-header,
.entry-header.ast-no-thumbnail {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#primary > .ast-container,
.ast-article-single .entry-header {
padding-top: 0 !important;
}
.ast-article-single,
#primary,
.site-content,
.content-area {
padding-top: 0 !important;
margin-top: 0 !important;
}
.ast-article-single {
padding-top: 24px !important;
}
@media (max-width: 900px) {
.main-header-bar {
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 64px !important;
}
.main-header-bar .ast-container,
.main-header-bar .ast-flex,
.main-header-bar-navigation,
.ast-mobile-header-wrap,
.ast-flex.main-header-bar-navigation {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
height: 64px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.ast-mobile-nav-wrap {
position: absolute !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
}
.site-branding,
.ast-site-identity {
margin: 0 !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.custom-logo-link {
margin: 0 !important;
display: flex !important;
align-items: center !important;
}
.custom-logo-link img,
.site-branding img {
max-height: 44px !important;
width: auto !important;
display: block !important;
}
.ast-mobile-nav-wrap .menu-toggle,
button.ast-mobile-menu-trigger-minimal,
button.ast-mobile-menu-trigger {
background: var(--vip-bg) !important;
border-radius: 50% !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1.5px solid var(--vip-border) !important;
outline: none !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
position: relative !important;
transition: background 0.18s ease, border-color 0.18s ease !important;
}
.ast-mobile-nav-wrap .menu-toggle:hover,
button.ast-mobile-menu-trigger-minimal:hover,
button.ast-mobile-menu-trigger:hover {
background: var(--vip-accent-soft) !important;
border-color: var(--vip-accent) !important;
}
button.ast-mobile-menu-trigger > *,
button.ast-mobile-menu-trigger-minimal > *,
.ast-mobile-nav-wrap .menu-toggle > * {
display: none !important;
visibility: hidden !important;
}
button.ast-mobile-menu-trigger::before,
button.ast-mobile-menu-trigger-minimal::before,
.ast-mobile-nav-wrap .menu-toggle::before {
content: '' !important;
display: block !important;
width: 18px !important;
height: 2px !important;
background: var(--vip-ink) !important;
border-radius: 2px !important;
box-shadow: 0 6px 0 var(--vip-ink), 0 12px 0 var(--vip-ink) !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -7px) !important;
}
.ast-page-header-wrap,
.ast-breadcrumbs-wrapper,
.page-header.ast-page-header {
display: none !important;
}
}
.ast-mobile-popup-wrapper,
.ast-popup-drawer,
.ast-builder-popup-1,
.ast-mobile-popup-drawer {
background: var(--vip-bg) !important;
}
.ast-mobile-popup-inner .main-navigation li a,
.ast-primary-mobile-nav li a {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 14px 24px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--vip-ink) !important;
text-decoration: none !important;
border-radius: 0 !important;
background: transparent !important;
border-bottom: none !important;
min-height: auto !important;
line-height: 1.3 !important;
transition: background 0.15s ease, color 0.15s ease !important;
}
.ast-mobile-popup-inner .main-navigation li a:hover,
.ast-primary-mobile-nav li a:hover {
background: var(--vip-accent-soft) !important;
color: var(--vip-accent) !important;
opacity: 1 !important;
}
.ast-mobile-popup-inner .main-navigation li.current-menu-item > a {
background: var(--vip-accent-soft) !important;
color: var(--vip-accent) !important;
font-weight: 700 !important;
}
.vip-mob-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
flex-shrink: 0;
color: var(--vip-muted);
}
.vip-mob-icon svg {
width: 22px;
height: 22px;
stroke-width: 1.75;
}
.ast-mobile-popup-inner .main-navigation li.current-menu-item > a .vip-mob-icon,
.ast-mobile-popup-inner .main-navigation li a:hover .vip-mob-icon {
color: var(--vip-accent) !important;
}
.vip-mob-section-label {
display: block;
padding: 22px 24px 6px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--vip-text-faint);
pointer-events: none;
user-select: none;
}
.vip-mob-divider {
display: block;
height: 1px;
background: #f0f1f3;
margin: 10px 24px;
}
.woocommerce-checkout #page,
.woocommerce-checkout .site-content,
.woocommerce-checkout .entry-content,
.woocommerce-checkout #primary {
background: var(--vip-bg) !important;
}
.woocommerce-checkout form.checkout {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
max-width: 1100px !important;
margin: 40px auto !important;
padding: 0 20px !important;
align-items: start !important;
}
@media (max-width: 768px) {
.woocommerce-checkout form.checkout {
grid-template-columns: 1fr !important;
gap: 24px !important;
margin: 20px auto !important;
}
}
.woocommerce-checkout h3,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
font-family: var(--vip-font-display) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: var(--vip-text-faint) !important;
margin-bottom: 22px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--vip-border) !important;
}
.woocommerce-checkout .form-row label {
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: var(--vip-muted) !important;
margin-bottom: 6px !important;
display: block !important;
}
.woocommerce-checkout .form-row label .optional,
.woocommerce-checkout .form-row label .required {
color: var(--vip-border-strong) !important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
background: transparent !important;
border: none !important;
border-bottom: 1.5px solid var(--vip-border) !important;
border-radius: 0 !important;
color: var(--vip-ink) !important;
font-family: var(--vip-font-body) !important;
font-size: 15px !important;
padding: 10px 0 8px !important;
width: 100% !important;
outline: none !important;
box-shadow: none !important;
transition: border-color 0.2s ease !important;
-webkit-appearance: none !important;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
border-bottom-color: var(--vip-accent) !important;
box-shadow: 0 1px 0 var(--vip-accent) !important;
outline: none !important;
}
.woocommerce-checkout .form-row input.input-text:-webkit-autofill,
.woocommerce-checkout .form-row input.input-text:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--vip-bg) inset !important;
-webkit-text-fill-color: var(--vip-ink) !important;
transition: background-color 5000s ease-in-out 0s !important;
}
.woocommerce-checkout .select2-container .select2-selection--single {
background: transparent !important;
border: none !important;
border-bottom: 1.5px solid var(--vip-border) !important;
border-radius: 0 !important;
height: auto !important;
padding: 10px 28px 8px 0 !important;
}
.woocommerce-checkout .select2-selection__rendered {
color: var(--vip-ink) !important;
font-family: var(--vip-font-body) !important;
font-size: 15px !important;
line-height: 1.4 !important;
padding: 0 !important;
}
.woocommerce-checkout .select2-selection__arrow { top: 8px !important; right: 0 !important; }
.woocommerce-checkout .select2-selection__arrow b {
border-color: var(--vip-text-faint) transparent transparent transparent !important;
}
.woocommerce-checkout .select2-container--open .select2-selection__arrow b {
border-color: transparent transparent var(--vip-text-faint) transparent !important;
}
.select2-dropdown {
background: var(--vip-bg) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 10px !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
overflow: hidden !important;
}
.select2-results__option {
color: var(--vip-text-secondary) !important;
font-family: var(--vip-font-body) !important;
font-size: 14px !important;
padding: 10px 14px !important;
}
.select2-results__option--highlighted {
background: var(--vip-accent-soft) !important;
color: var(--vip-accent) !important;
}
.select2-results__option--selected {
background: var(--vip-accent-mid) !important;
color: var(--vip-accent) !important;
}
#order_review,
.woocommerce-checkout-review-order {
background: #fafaff !important;
border: 1px solid var(--vip-border) !important;
border-radius: 16px !important;
padding: 28px !important;
}
.woocommerce-checkout-review-order-table {
width: 100% !important;
border-collapse: collapse !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
border: none !important;
border-bottom: 1px solid var(--vip-border-subtle) !important;
padding: 12px 0 !important;
color: var(--vip-text-secondary) !important;
font-family: var(--vip-font-body) !important;
font-size: 14px !important;
background: transparent !important;
}
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th {
color: var(--vip-ink) !important;
font-weight: 700 !important;
border-bottom: none !important;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
font-size: 18px !important;
padding-top: 18px !important;
}
#payment { background: transparent !important; border: none !important; padding: 0 !important; margin-top: 20px !important; }
#payment ul.payment_methods {
background: transparent !important; border: none !important; padding: 0 !important; margin: 0 0 16px !important; list-style: none !important;
}
#payment ul.payment_methods li {
background: var(--vip-bg-subtle) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 10px !important;
margin-bottom: 8px !important;
padding: 14px 16px !important;
color: var(--vip-text-secondary) !important;
font-family: var(--vip-font-body) !important;
transition: border-color 0.2s ease !important;
}
#payment ul.payment_methods li:has(input:checked) {
border-color: var(--vip-accent) !important;
background: var(--vip-accent-soft) !important;
}
#payment ul.payment_methods li label {
color: var(--vip-text-secondary) !important; font-size: 14px !important; cursor: pointer !important;
}
#place_order,
.woocommerce-checkout #place_order {
background: linear-gradient(135deg, var(--vip-accent-btn) 0%, var(--vip-accent) 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 12px !important;
padding: 16px 32px !important;
font-family: var(--vip-font-display) !important;
font-size: 15px !important;
font-weight: 700 !important;
width: 100% !important;
cursor: pointer !important;
transition: opacity 0.2s ease, transform 0.15s ease !important;
box-shadow: 0 4px 20px var(--vip-accent-shadow) !important;
}
#place_order:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; }
.woocommerce-checkout .woocommerce-error {
background: var(--vip-danger-bg) !important; border-left: 3px solid var(--vip-danger) !important;
border-radius: 8px !important; color: var(--vip-danger-dark) !important;
padding: 12px 16px !important; font-size: 14px !important;
list-style: none !important; margin-bottom: 16px !important;
}
.woocommerce-checkout .woocommerce-message {
background: var(--vip-accent-soft) !important; border-left: 3px solid var(--vip-accent) !important;
border-radius: 8px !important; color: #4c1d95 !important;
padding: 12px 16px !important; font-size: 14px !important; margin-bottom: 16px !important;
}
.ast-mobile-popup-active .ast-mobile-popup-overlay,
.ast-popup-overlay {
background: rgba(0,0,0,0.4) !important;
}
.ast-mobile-popup-wrapper,
.ast-popup-drawer,
.ast-builder-popup-1,
.ast-mobile-popup-drawer,
.ast-off-canvas-menu-wrap {
background: var(--vip-bg) !important;
color: var(--vip-ink) !important;
}
.ast-mobile-popup-close button,
button.ast-mobile-popup-close,
.ast-popup-close-btn,
.ast-close-btn {
background: var(--vip-border-subtle) !important;
color: var(--vip-ink) !important;
border-radius: 50% !important;
}
.ast-mobile-popup-close button:hover,
button.ast-mobile-popup-close:hover {
background: var(--vip-accent-mid) !important;
color: var(--vip-accent) !important;
}
.ast-mobile-popup-close button span,
.ast-mobile-popup-close button svg {
color: var(--vip-ink) !important;
stroke: var(--vip-ink) !important;
fill: none !important;
}
.ast-mobile-popup-inner .main-navigation li,
.ast-primary-mobile-nav li {
border: none !important;
background: transparent !important;
}
.ast-mobile-popup-inner .main-navigation .menu-item .ast-menu-toggle,
.ast-primary-mobile-nav .menu-item .ast-menu-toggle {
color: var(--vip-text-faint) !important;
background: transparent !important;
border: none !important;
}
#vip-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 99990;
opacity: 0;
transition: opacity 0.3s ease;
}
#vip-overlay.open {
display: block;
opacity: 1;
}
#vip-sidebar {
position: fixed;
top: 0;
left: 0;
width: 85vw;
max-width: 320px;
height: 100dvh;
background: var(--vip-bg);
z-index: 99999;
transform: translateX(-100%);
transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
overflow-y: auto;
box-shadow: none;
display: flex;
flex-direction: column;
}
#vip-sidebar.open {
transform: translateX(0);
box-shadow: 6px 0 40px rgba(91, 60, 232, 0.15), 2px 0 12px rgba(0,0,0,0.08);
}
#vip-sidebar-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid #f0f0f5;
min-height: 64px;
}
#vip-sidebar-head .custom-logo-link img {
max-height: 38px;
width: auto;
}
#vip-sidebar-close {
background: #f5f5f8;
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--vip-text-secondary);
padding: 0;
flex-shrink: 0;
}
#vip-sidebar-close:hover {
background: var(--vip-accent-mid);
color: var(--vip-accent);
}
#vip-sidebar-body {
padding: 8px 0 24px;
flex: 1;
}
.vip-nav-menu {
list-style: none;
margin: 0;
padding: 0 12px;
}
.vip-nav-menu li a {
display: flex;
align-items: center;
gap: 14px;
padding: 13px 14px;
font-size: 15px;
font-weight: 500;
color: var(--vip-text-secondary);
text-decoration: none;
border-radius: 12px;
margin-bottom: 2px;
transition: background 0.15s ease, color 0.15s ease;
position: relative;
}
.vip-nav-menu li a:hover {
background: var(--vip-accent-soft);
color: var(--vip-accent);
}
.vip-nav-menu li.vip-nav-active > a {
background: var(--vip-accent-mid);
color: var(--vip-accent);
font-weight: 600;
}
.vip-nav-icon {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
flex-shrink: 0;
color: currentColor;
}
.vip-nav-icon svg {
width: 20px;
height: 20px;
}
.vip-nav-label {
flex: 1;
}
.vip-nav-badge {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.06em;
color: var(--vip-accent);
background: var(--vip-accent-mid);
border-radius: 999px;
padding: 2px 7px;
line-height: 1.6;
flex-shrink: 0;
}
.vip-nav-menu li.vip-nav-active .vip-nav-badge {
background: var(--vip-accent);
color: #fff;
}
.ast-mobile-popup-wrapper,
.ast-popup-drawer,
.ast-builder-popup-1,
.ast-mobile-popup-drawer,
.ast-mobile-popup-overlay,
.ast-popup-overlay {
display: none !important;
}
@media (max-width: 900px) {
#masthead,
.site-header,
header.site-header,
.ast-site-header-wrap {
height: 0 !important;
overflow: hidden !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
}
#vip-mobile-bar {
display: none;
}
@media (max-width: 900px) {
body,
.ast-page-builder-template,
#page,
#content,
.site,
.wp-site-blocks {
padding-top: 0 !important;
margin-top: 0 !important;
}
.ast-above-header-wrap,
.ast-primary-header-bar,
.ast-below-header-wrap {
display: none !important;
}
}
@media (max-width: 900px) {
#vip-mobile-bar {
display: grid !important;
grid-template-columns: 58px 1fr 58px !important;
align-items: center !important;
padding: 0 16px !important;
min-height: 64px !important;
background: var(--vip-bg) !important;
border-bottom: 1px solid var(--vip-border) !important;
width: 100% !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 200 !important;
}
#vip-ham {
background: var(--vip-bg) !important;
border-radius: 50% !important;
width: 42px !important;
height: 42px !important;
border: 1.5px solid var(--vip-border) !important;
cursor: pointer !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
padding: 0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
outline: none !important;
transition: background 0.18s, border-color 0.18s !important;
}
#vip-ham:hover {
background: var(--vip-accent-soft) !important;
border-color: var(--vip-accent) !important;
}
#vip-ham span {
display: block !important;
width: 18px !important;
height: 2px !important;
background: var(--vip-ink) !important;
border-radius: 2px !important;
}
#vip-mob-logo {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
#vip-mob-logo a,
#vip-mob-logo img {
display: flex !important;
align-items: center !important;
max-height: 44px !important;
width: auto !important;
}
#vip-mob-theme-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: end !important;
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
border: 1.5px solid var(--vip-border) !important;
background: var(--vip-bg) !important;
color: var(--vip-ink) !important;
cursor: pointer !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
transition: background 0.18s, border-color 0.18s !important;
padding: 0 !important;
}
#vip-mob-theme-btn:hover {
background: var(--vip-accent-soft) !important;
border-color: var(--vip-accent) !important;
}
#vip-mob-theme-btn .vip-mob-th-moon,
#vip-mob-theme-btn .vip-mob-th-sun {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#vip-mob-theme-btn .vip-mob-th-sun { display: none !important; }
html.vip-dark #vip-mob-theme-btn .vip-mob-th-moon { display: none !important; }
html.vip-dark #vip-mob-theme-btn .vip-mob-th-sun { display: flex !important; }
#vip-theme-toggle { display: none !important; }
}
.woocommerce,
.woocommerce-page {
font-family: var(--vip-font-body);
}
.woocommerce-account h1.entry-title,
.woocommerce-cart h1.entry-title,
.woocommerce-account .entry-title,
.woocommerce-cart .entry-title {
border-bottom: none !important;
padding-bottom: 0 !important;
margin-bottom: 28px !important;
font-size: clamp(22px, 5vw, 30px) !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
letter-spacing: -0.02em !important;
text-align: center !important;
}
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .entry-title {
display: none !important;
}
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
.woocommerce-checkout p.woocommerce-privacy-policy-text {
display: none !important;
}
.related.products,
.up-sells.products {
display: block !important;
margin-top: 48px !important;
padding-top: 32px !important;
border-top: 1.5px solid var(--vip-border) !important;
}
.related.products h2,
.up-sells.products h2 {
font-family: var(--vip-font-display) !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
margin-bottom: 24px !important;
}
.woocommerce-account .woocommerce {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: flex-start;
}
.woocommerce-account .woocommerce > .woocommerce-form-login-toggle,
.woocommerce-account .woocommerce > .woocommerce-form-register,
.woocommerce-account .woocommerce > form.woocommerce-form-login,
.woocommerce-account .woocommerce > form.register,
.woocommerce-account .woocommerce > form.login {
flex: 0 1 460px !important;
width: 100% !important;
max-width: 460px !important;
min-width: 0;
}
.woocommerce-account .woocommerce:has(> form.login),
.woocommerce-account .woocommerce:has(> form.register),
.woocommerce-account .woocommerce:has(> .woocommerce-form-login-toggle) {
justify-content: center !important;
flex-direction: column !important;
align-items: center !important;
}
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.register,
.woocommerce-account form.login {
background: var(--vip-bg);
border: 1.5px solid var(--vip-border);
border-radius: 16px;
padding: 28px 24px !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
margin: 0 !important;
}
.woocommerce-account form.woocommerce-form-login h2,
.woocommerce-account form.register h2,
.woocommerce-account form.login h2 {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
margin: 0 0 20px !important;
letter-spacing: -0.01em !important;
}
.woocommerce-account .woocommerce-form__label,
.woocommerce-account form label {
display: block !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--vip-muted) !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
}
.woocommerce-account .woocommerce-Input,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
width: 100% !important;
height: 46px !important;
padding: 0 14px !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 10px !important;
background: var(--vip-bg-subtle) !important;
font-size: 15px !important;
font-family: var(--vip-font-body) !important;
color: var(--vip-ink) !important;
outline: none !important;
box-shadow: none !important;
transition: border-color 0.15s ease, background 0.15s ease !important;
box-sizing: border-box !important;
-webkit-appearance: none !important;
}
.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
border-color: var(--vip-accent) !important;
background: var(--vip-bg) !important;
}
.woocommerce-account .form-row {
margin-bottom: 16px !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-form__label-for-checkbox {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--vip-text-secondary) !important;
text-transform: none !important;
letter-spacing: 0 !important;
cursor: pointer !important;
}
.woocommerce-account input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
border-radius: 4px !important;
accent-color: var(--vip-accent) !important;
cursor: pointer !important;
}
.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account .lost_password a {
font-size: 13px !important;
color: var(--vip-accent) !important;
text-decoration: none !important;
font-weight: 500 !important;
}
.woocommerce-account .woocommerce-LostPassword a:hover,
.woocommerce-account .lost_password a:hover {
text-decoration: underline !important;
}
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account form.login .button,
.woocommerce-account form.register .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 48px !important;
padding: 0 24px !important;
background: var(--vip-ink) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
font-family: var(--vip-font-body) !important;
border: none !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: background 0.18s ease, transform 0.12s ease !important;
text-decoration: none !important;
letter-spacing: -0.01em !important;
margin-top: 4px !important;
box-shadow: none !important;
}
.woocommerce-account form.login .button:hover,
.woocommerce-account form.register .button:hover {
background: var(--vip-text-secondary) !important;
transform: translateY(-1px) !important;
}
.woocommerce-account .woocommerce-privacy-policy-text {
font-size: 12px !important;
color: var(--vip-text-faint) !important;
margin-top: 12px !important;
line-height: 1.6 !important;
}
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
border-radius: 10px !important;
border-left: 4px solid var(--vip-accent) !important;
background: var(--vip-accent-soft) !important;
color: var(--vip-ink) !important;
padding: 12px 16px !important;
margin-bottom: 20px !important;
font-size: 14px !important;
list-style: none !important;
}
.woocommerce-account .woocommerce-error {
border-left-color: var(--vip-danger) !important;
background: var(--vip-danger-bg) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: var(--vip-bg);
border: 1.5px solid var(--vip-border);
border-radius: 14px;
padding: 12px 8px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block;
padding: 11px 14px;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
color: var(--vip-text-secondary);
text-decoration: none;
transition: background 0.15s ease, color 0.15s ease;
margin-bottom: 2px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background: var(--vip-accent-soft);
color: var(--vip-accent);
font-weight: 600;
}
.woocommerce-cart .entry-title,
.woocommerce-cart h1 {
border-bottom: none !important;
}
.woocommerce-cart p.cart-empty,
.woocommerce-cart .cart-empty {
display: block !important;
text-align: center !important;
padding: 52px 24px 44px !important;
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-left: 1.5px solid var(--vip-border) !important; 
border-radius: 16px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: var(--vip-muted) !important;
margin-bottom: 24px !important;
box-shadow: none !important;
}
.woocommerce-cart p.cart-empty::before,
.woocommerce-cart .cart-empty::before {
content: none !important;
display: none !important;
}
.woocommerce-cart .return-to-shop .button,
.woocommerce-cart a.button,
.woocommerce-cart button.button,
.woocommerce-cart input.button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 28px !important;
background: var(--vip-ink) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
font-family: var(--vip-font-body) !important;
border: none !important;
border-radius: 10px !important;
cursor: pointer !important;
text-decoration: none !important;
transition: background 0.18s ease, transform 0.12s ease !important;
box-shadow: none !important;
letter-spacing: -0.01em !important;
margin-top: 8px !important;
}
.woocommerce-cart a.button:hover,
.woocommerce-cart button.button:hover {
background: var(--vip-text-secondary) !important;
color: #fff !important;
transform: translateY(-1px) !important;
text-decoration: none !important;
}
.woocommerce-cart .checkout-button {
background: var(--vip-accent) !important;
}
.woocommerce-cart .checkout-button:hover {
background: #4c31cc !important;
}
.woocommerce-cart table.shop_table {
border: 1.5px solid var(--vip-border) !important;
border-radius: 14px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
font-size: 14px !important;
width: 100% !important;
}
.woocommerce-cart table.shop_table thead th {
background: var(--vip-bg-subtle) !important;
color: var(--vip-muted) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
padding: 12px 16px !important;
border-bottom: 1.5px solid var(--vip-border) !important;
}
.woocommerce-cart table.shop_table td {
padding: 14px 16px !important;
border-bottom: 1px solid var(--vip-border-subtle) !important;
vertical-align: middle !important;
color: var(--vip-ink) !important;
}
.woocommerce-cart table.shop_table tr:last-child td {
border-bottom: none !important;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
width: 60px !important;
height: 60px !important;
object-fit: cover !important;
border-radius: 8px !important;
border: 1px solid var(--vip-border) !important;
}
.woocommerce-cart table.shop_table a.remove {
font-size: 18px !important;
color: var(--vip-text-faint) !important;
text-decoration: none !important;
font-weight: 400 !important;
transition: color 0.15s ease !important;
}
.woocommerce-cart table.shop_table a.remove:hover {
color: var(--vip-danger) !important;
background: none !important;
}
.woocommerce-cart .quantity input {
width: 60px !important;
height: 38px !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 0 8px !important;
color: var(--vip-ink) !important;
background: var(--vip-bg) !important;
-webkit-appearance: none !important;
}
.woocommerce-cart .cart_totals {
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 14px !important;
padding: 20px !important;
margin-top: 20px !important;
}
.woocommerce-cart .cart_totals h2 {
font-size: 16px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
margin: 0 0 16px !important;
padding-bottom: 12px !important;
border-bottom: 1px solid var(--vip-border-subtle) !important;
}
.woocommerce-cart .cart_totals table {
width: 100% !important;
border: none !important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
padding: 10px 0 !important;
border: none !important;
font-size: 14px !important;
border-bottom: 1px solid var(--vip-border-subtle) !important;
}
.woocommerce-cart .cart_totals table .order-total th,
.woocommerce-cart .cart_totals table .order-total td {
font-weight: 700 !important;
font-size: 16px !important;
color: var(--vip-ink) !important;
border-bottom: none !important;
padding-top: 14px !important;
}
.woocommerce-cart button[name="update_cart"] {
background: var(--vip-border-subtle) !important;
color: var(--vip-text-secondary) !important;
border: 1.5px solid var(--vip-border) !important;
}
.woocommerce-cart button[name="update_cart"]:hover {
background: var(--vip-border) !important;
transform: none !important;
}
.woocommerce-cart .coupon input[type="text"] {
height: 44px !important;
padding: 0 14px !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 10px !important;
font-size: 14px !important;
font-family: var(--vip-font-body) !important;
color: var(--vip-ink) !important;
background: var(--vip-bg-subtle) !important;
outline: none !important;
-webkit-appearance: none !important;
}
.woocommerce-cart .coupon input[type="text"]:focus {
border-color: var(--vip-accent) !important;
background: var(--vip-bg) !important;
}
.woocommerce-cart .coupon button {
background: var(--vip-border-subtle) !important;
color: var(--vip-text-secondary) !important;
border: 1.5px solid var(--vip-border) !important;
margin-top: 0 !important;
}
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
border-radius: 10px !important;
border: 1px solid var(--vip-border) !important;
border-left: 3px solid var(--vip-accent) !important;
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
padding: 12px 16px !important;
margin-bottom: 20px !important;
font-size: 14px !important;
}
.woocommerce-cart .woocommerce-error {
border-left-color: var(--vip-danger) !important;
background: var(--vip-danger-bg) !important;
}
.woocommerce-account .vip-dash-layout {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 24px !important;
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 !important;
}
.vip-orders-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
padding: 52px 24px;
background: var(--vip-surface);
border: 1px solid var(--vip-border);
border-radius: var(--vip-radius-lg);
text-align: center;
width: 100%;
box-sizing: border-box;
}
.vip-empty-icon-wrap {
width: 68px;
height: 68px;
border-radius: 50%;
background: rgba(109, 78, 207, 0.12);
display: flex;
align-items: center;
justify-content: center;
color: #7b5dd6;
}
.vip-orders-empty h3 {
font-size: 17px;
font-weight: 700;
color: var(--vip-ink);
margin: 0;
}
.vip-orders-empty p {
font-size: 13.5px;
color: var(--vip-muted);
margin: 0;
}
.vip-empty-btn {
display: inline-block;
background: var(--vip-ink);
color: #fff !important;
text-decoration: none !important;
padding: 11px 22px;
border-radius: var(--vip-radius-pill);
font-size: 13.5px;
font-weight: 600;
margin-top: 4px;
transition: opacity 0.15s ease;
}
.vip-empty-btn:hover {
opacity: 0.8;
}
.woocommerce-orders-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.woocommerce-orders-table th {
text-align: left;
padding: 12px 16px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--vip-muted);
border-bottom: 1px solid var(--vip-border);
}
.woocommerce-orders-table td {
padding: 14px 16px;
border-bottom: 1px solid var(--vip-border);
color: var(--vip-ink);
}
.woocommerce-orders-table tr:last-child td {
border-bottom: none;
}
.vip-order-status {
display: inline-block;
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
background: var(--vip-surface);
color: var(--vip-muted);
}
.vip-order-status--completed { background: #f0fdf4; color: #16a34a; }
.vip-order-status--pending   { background: #fefce8; color: #ca8a04; }
.vip-order-status--processing { background: #eff6ff; color: #2563eb; }
.vip-order-status--cancelled { background: var(--vip-danger-bg); color: #dc2626; }
.vip-orders-btn {
display: inline-block;
padding: 6px 14px;
border-radius: var(--vip-radius-pill);
border: 1.5px solid var(--vip-border);
font-size: 12px;
font-weight: 600;
color: var(--vip-ink) !important;
text-decoration: none !important;
transition: border-color 0.15s ease, background 0.15s ease;
}
.vip-orders-btn:hover {
border-color: var(--vip-ink);
background: var(--vip-surface);
}
.vip-dash-sidebar {
width: 240px !important;
flex-shrink: 0 !important;
background: #130f2a !important;
border-radius: 20px !important;
padding: 24px 16px !important;
position: sticky !important;
top: 100px !important;
}
.vip-dash-user {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 0 8px 20px !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
margin-bottom: 16px !important;
}
.vip-dash-avatar {
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex-shrink: 0 !important;
border: 2px solid rgba(91,60,232,0.5) !important;
}
.vip-dash-user-info {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
overflow: hidden !important;
}
.vip-dash-user-name {
font-size: 14px !important;
font-weight: 600 !important;
color: #fff !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.vip-dash-user-role {
font-size: 11px !important;
color: rgba(255,255,255,0.45) !important;
letter-spacing: 0.03em !important;
}
.vip-dash-coins-pill {
display: flex !important;
align-items: center !important;
gap: 7px !important;
background: var(--vip-sidebar-shadow) !important;
color: #a78bfa !important;
font-size: 12px !important;
font-weight: 600 !important;
padding: 7px 12px !important;
border-radius: 10px !important;
margin: 0 0 20px !important;
border: 1px solid var(--vip-accent-shadow) !important;
}
.vip-dash-nav {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.vip-dash-nav-item {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 12px !important;
border-radius: 10px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
color: rgba(255,255,255,0.6) !important;
text-decoration: none !important;
transition: background 0.15s ease, color 0.15s ease !important;
}
.vip-dash-nav-item:hover {
background: rgba(255,255,255,0.07) !important;
color: #fff !important;
text-decoration: none !important;
}
.vip-dash-nav-item.is-active {
background: rgba(91,60,232,0.22) !important;
color: var(--vip-accent-muted) !important;
}
.vip-dash-nav-item.is-danger {
color: rgba(248,113,113,0.7) !important;
}
.vip-dash-nav-item.is-danger:hover {
background: rgba(239,68,68,0.12) !important;
color: #f87171 !important;
}
.vip-dash-nav-icon {
width: 16px !important;
height: 16px !important;
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
}
.vip-dash-nav-icon svg {
width: 16px !important;
height: 16px !important;
}
.vip-dash-main {
flex: 1 !important;
min-width: 0 !important;
min-height: 300px !important;
}
.woocommerce-account .entry-title,
.woocommerce-account .ast-breadcrumbs-wrapper {
display: none !important;
}
.woocommerce-account .vip-dash-main .woocommerce-message,
.woocommerce-account .vip-dash-main .woocommerce-Message {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: var(--vip-radius-lg) !important;
padding: 32px 24px !important;
text-align: center !important;
color: var(--vip-muted) !important;
font-size: 14px !important;
margin: 0 !important;
box-shadow: none !important;
}
.woocommerce-account .vip-dash-main .woocommerce-message::before,
.woocommerce-account .vip-dash-main .woocommerce-Message::before {
display: none !important;
}
.woocommerce-account .vip-dash-main .woocommerce-message a,
.woocommerce-account .vip-dash-main .woocommerce-Message a {
color: var(--vip-accent-btn) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.woocommerce-account .vip-dash-main .woocommerce-message a:hover,
.woocommerce-account .vip-dash-main .woocommerce-Message a:hover {
text-decoration: underline !important;
}
.vip-dash-welcome {
margin-bottom: 24px !important;
}
.vip-dash-welcome-text {
font-size: 26px !important;
font-weight: 400 !important;
color: var(--vip-ink) !important;
margin: 0 0 6px !important;
letter-spacing: -0.02em !important;
line-height: 1.2 !important;
}
.vip-dash-welcome-text strong {
font-weight: 800 !important;
}
.vip-dash-welcome-sub {
font-size: 14px !important;
color: var(--vip-muted) !important;
margin: 0 !important;
}
.vip-dash-vip-badge {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
background: linear-gradient(135deg, var(--vip-accent-btn), var(--vip-accent)) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
padding: 4px 10px !important;
border-radius: 20px !important;
letter-spacing: 0.02em !important;
}
.vip-dash-tiles {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
margin-bottom: 28px !important;
}
@media (min-width: 960px) {
.vip-dash-tiles {
grid-template-columns: repeat(4, 1fr) !important;
}
}
.vip-dash-tile {
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 16px !important;
padding: 20px 18px !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
transition: box-shadow 0.15s ease, transform 0.15s ease !important;
}
.vip-dash-tile:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
transform: translateY(-2px) !important;
}
.vip-dash-tile-icon {
width: 36px !important;
height: 36px !important;
border-radius: 10px !important;
background: color-mix(in srgb, hsl(var(--tile-h, 265) 80% 50%) 12%, transparent) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 14px !important;
}
.vip-dash-tile:nth-child(1) .vip-dash-tile-icon { background: rgba(124,58,237,0.12) !important; color: var(--vip-accent-btn) !important; }
.vip-dash-tile:nth-child(2) .vip-dash-tile-icon { background: rgba(8,145,178,0.12) !important; color: #0891b2 !important; }
.vip-dash-tile:nth-child(3) .vip-dash-tile-icon { background: rgba(217,119,6,0.12) !important; color: #d97706 !important; }
.vip-dash-tile:nth-child(4) .vip-dash-tile-icon { background: rgba(5,150,105,0.12) !important; color: #059669 !important; }
.vip-dash-tile-icon svg {
width: 18px !important;
height: 18px !important;
stroke: currentColor !important;
}
.vip-dash-tile-label {
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: var(--vip-text-faint) !important;
margin-bottom: 6px !important;
}
.vip-dash-tile-value {
font-size: 28px !important;
font-weight: 800 !important;
color: var(--vip-ink) !important;
letter-spacing: -0.03em !important;
line-height: 1 !important;
}
.vip-dash-section-title {
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: var(--vip-text-faint) !important;
margin: 0 0 14px !important;
}
.vip-dash-activity {
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 16px !important;
padding: 22px 22px !important;
}
.vip-dash-empty {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 36px 0 !important;
color: var(--vip-border-strong) !important;
}
.vip-dash-empty svg {
width: 40px !important;
height: 40px !important;
stroke: currentColor !important;
}
.vip-dash-empty p {
font-size: 14px !important;
color: var(--vip-text-faint) !important;
margin: 0 !important;
}
.vip-dash-activity-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.vip-dash-activity-row {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 12px 8px !important;
border-radius: 10px !important;
transition: background 0.12s ease !important;
}
.vip-dash-activity-row:hover {
background: var(--vip-bg-subtle) !important;
}
.vip-dash-activity-icon {
width: 36px !important;
height: 36px !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.vip-dash-activity-icon--order {
background: var(--vip-accent-ring) !important;
color: var(--vip-accent) !important;
}
.vip-dash-activity-icon--coin {
background: rgba(217,119,6,0.10) !important;
color: #d97706 !important;
}
.vip-dash-activity-icon svg {
width: 16px !important;
height: 16px !important;
stroke: currentColor !important;
}
.vip-dash-activity-info {
flex: 1 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.vip-dash-activity-title {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--vip-ink) !important;
}
.vip-dash-activity-meta {
font-size: 12px !important;
color: var(--vip-text-faint) !important;
}
.vip-dash-activity-right {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 4px !important;
flex-shrink: 0 !important;
}
.vip-dash-activity-amount {
font-size: 14px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
}
.vip-dash-activity-coins {
font-size: 13px !important;
font-weight: 700 !important;
}
.vip-dash-activity-coins.is-positive { color: #059669 !important; }
.vip-dash-activity-coins.is-negative { color: #dc2626 !important; }
.vip-dash-status {
font-size: 11px !important;
font-weight: 600 !important;
padding: 3px 8px !important;
border-radius: 20px !important;
letter-spacing: 0.03em !important;
}
.vip-dash-status--completed  { background: rgba(5,150,105,0.10) !important; color: #059669 !important; }
.vip-dash-status--processing { background: rgba(8,145,178,0.10) !important; color: #0891b2 !important; }
.vip-dash-status--pending    { background: rgba(217,119,6,0.10) !important; color: #d97706 !important; }
.vip-dash-status--cancelled  { background: rgba(107,114,128,0.10) !important; color: var(--vip-muted) !important; }
.vip-dash-status--refunded   { background: rgba(220,38,38,0.10) !important; color: #dc2626 !important; }
@media (max-width: 768px) {
.woocommerce-account .vip-dash-layout {
flex-direction: column !important;
gap: 16px !important;
}
.vip-dash-sidebar {
width: 100% !important;
position: static !important;
border-radius: 16px !important;
}
.vip-dash-main {
width: 100% !important;
box-sizing: border-box !important;
}
.vip-dash-nav {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 4px !important;
}
.vip-dash-welcome-text {
font-size: 20px !important;
}
.vip-dash-tiles {
grid-template-columns: repeat(2, 1fr) !important;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; }
.woocommerce-account .site-primary { max-width: 100% !important; }
.vip-dash-sidebar {
background: linear-gradient(160deg, #1e1248 0%, #130a30 100%) !important;
border: 1px solid rgba(124,58,237,0.22) !important;
box-shadow: 0 8px 32px rgba(19,10,48,0.35), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}
.vip-dash-nav-item.is-active {
background: rgba(124,58,237,0.30) !important;
color: #e9d5ff !important;
border-left: 3px solid var(--vip-accent-btn) !important;
}
.vip-dash-nav-item {
border-left: 3px solid transparent !important;
}
.vip-dash-coins-pill {
background: rgba(124,58,237,0.20) !important;
border-color: rgba(124,58,237,0.35) !important;
color: var(--vip-accent-muted) !important;
}
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message:not(.woocommerce-password-strength) {
display: none !important;
}
.vip-downloads-wrap {
max-width: 100% !important;
}
.vip-downloads-heading {
font-size: 22px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
margin: 0 0 6px !important;
letter-spacing: -0.02em !important;
}
.vip-downloads-sub {
font-size: 13.5px !important;
color: var(--vip-text-faint) !important;
margin: 0 0 24px !important;
}
.vip-downloads-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
gap: 16px !important;
}
.vip-dl-card {
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 16px !important;
overflow: hidden !important;
transition: box-shadow 0.15s ease, transform 0.15s ease !important;
}
.vip-dl-card:hover {
box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
transform: translateY(-2px) !important;
}
.vip-dl-card-thumb {
height: 140px !important;
background-size: cover !important;
background-position: center !important;
background-color: #f3f0ff !important;
}
.vip-dl-card-thumb--empty {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--vip-accent-muted) !important;
}
.vip-dl-card-thumb--empty svg {
width: 40px !important;
height: 40px !important;
}
.vip-dl-card-body {
padding: 16px !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.vip-dl-card-name {
font-size: 14px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
line-height: 1.3 !important;
}
.vip-dl-card-file {
font-size: 12px !important;
color: var(--vip-text-faint) !important;
}
.vip-dl-card-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin: 4px 0 10px !important;
}
.vip-dl-meta-tag {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
font-size: 11px !important;
font-weight: 600 !important;
padding: 3px 8px !important;
border-radius: 20px !important;
background: var(--vip-border-subtle) !important;
color: var(--vip-muted) !important;
}
.vip-dl-meta-tag--lifetime {
background: rgba(5,150,105,0.10) !important;
color: #059669 !important;
}
.vip-dl-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
height: 40px !important;
background: var(--vip-ink) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 10px !important;
text-decoration: none !important;
transition: background 0.15s ease, transform 0.12s ease !important;
}
.vip-dl-btn:hover {
background: var(--vip-text-secondary) !important;
transform: translateY(-1px) !important;
color: #fff !important;
text-decoration: none !important;
}
.vip-downloads-empty {
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 20px !important;
padding: 64px 32px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
}
.vip-downloads-empty-icon {
width: 64px !important;
height: 64px !important;
background: #f3f0ff !important;
border-radius: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--vip-accent-btn) !important;
margin-bottom: 8px !important;
}
.vip-downloads-empty-icon svg {
width: 32px !important;
height: 32px !important;
}
.vip-downloads-empty h3 {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
margin: 0 !important;
}
.vip-downloads-empty p {
font-size: 14px !important;
color: var(--vip-text-faint) !important;
margin: 0 !important;
max-width: 280px !important;
}
.vip-dl-browse-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: 8px !important;
padding: 11px 22px !important;
background: var(--vip-ink) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 600 !important;
border-radius: 12px !important;
text-decoration: none !important;
transition: background 0.15s ease, transform 0.12s ease !important;
}
.vip-dl-browse-btn:hover {
background: var(--vip-text-secondary) !important;
transform: translateY(-1px) !important;
color: #fff !important;
text-decoration: none !important;
}
#wpsc-container .wpsc-header,
#wpsc-container .wpsc-shortcode-container .wpsc-header {
background: linear-gradient(135deg, var(--vip-accent-btn) 0%, var(--vip-accent) 100%) !important;
border-radius: 12px 12px 0 0 !important;
}
#wpsc-container .wpsc-header a,
#wpsc-container .wpsc-header li a,
#wpsc-container .wpsc-header .wpsc-nav-item {
color: rgba(255,255,255,0.85) !important;
font-family: 'Jost', sans-serif !important;
font-weight: 500 !important;
}
#wpsc-container .wpsc-header a:hover,
#wpsc-container .wpsc-header li:hover a {
color: #fff !important;
background: rgba(255,255,255,0.15) !important;
}
#wpsc-container {
border: 1.5px solid var(--vip-border) !important;
border-radius: 12px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.07) !important;
font-family: 'Jost', sans-serif !important;
}
#wpsc-container table thead th,
#wpsc-container table thead td {
background: var(--vip-ink) !important;
color: #fff !important;
font-family: 'Jost', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
border: none !important;
padding: 12px 16px !important;
}
#wpsc-container table thead th a,
#wpsc-container table thead th span {
color: #fff !important;
}
#wpsc-container table tbody tr {
border-bottom: 1px solid #f0f0f2 !important;
}
#wpsc-container table tbody tr:hover {
background: #faf5ff !important;
}
#wpsc-container table tbody td {
font-family: 'Jost', sans-serif !important;
color: var(--vip-ink) !important;
font-size: 14px !important;
padding: 12px 16px !important;
border: none !important;
}
#wpsc-container .wpsc-btn-primary {
background: linear-gradient(135deg, var(--vip-accent-btn), var(--vip-accent)) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
font-family: 'Jost', sans-serif !important;
font-weight: 600 !important;
cursor: pointer !important;
}
#wpsc-container .wpsc-btn-primary:hover { opacity: 0.88 !important; }
#wpsc-container input[type="checkbox"] {
accent-color: var(--vip-accent-btn) !important;
}
#wpsc-container .wpsc-pagination a {
color: var(--vip-accent-btn) !important;
}
.vipc-shop-wrap {
display: flex;
align-items: flex-start;
gap: 32px;
max-width: 1240px;
margin: 0 auto;
padding: 32px 24px 64px;
box-sizing: border-box;
}
.vipc-shop-main {
flex: 1;
min-width: 0;
position: relative; 
}
.vipc-shop-sidebar {
width: 240px;
flex-shrink: 0;
position: sticky;
top: 100px;
order: 2; 
}
.vipc-sidebar-close {
display: none; 
}
.vipc-filter-group {
border-bottom: 1px solid var(--vip-border);
padding: 0;
margin-bottom: 0;
}
.vipc-filter-group:last-child {
border-bottom: none;
}
.vipc-filter-group__head,
.vipc-shop-sidebar .vipc-filter-group__head,
button.vipc-filter-group__head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
background: var(--vip-bg) !important;
background-color: #fff !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 16px 0 !important;
font-family: 'Jost', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
color: var(--vip-text-secondary) !important;
cursor: pointer !important;
text-transform: uppercase !important;
text-decoration: none !important;
line-height: 1 !important;
}
.vipc-filter-group__head:hover,
button.vipc-filter-group__head:hover {
color: var(--vip-accent-btn) !important;
background: var(--vip-bg) !important;
background-color: #fff !important;
}
.vipc-filter-arrow {
transition: transform 0.22s ease;
}
.vipc-filter-group[data-open="0"] .vipc-filter-arrow {
transform: rotate(180deg);
}
.vipc-filter-group__body {
padding-bottom: 14px;
display: flex;
flex-direction: column;
gap: 6px;
}
.vipc-filter-group[data-open="0"] > .vipc-filter-group__body {
display: none !important;
}
.vipc-filter-check {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
padding: 3px 0;
user-select: none;
}
.vipc-filter-check input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.vipc-filter-check__box {
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 5px;
border: 1.5px solid var(--vip-border-strong);
background: var(--vip-bg);
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.15s, background 0.15s;
flex-shrink: 0;
}
.vipc-filter-check.is-active .vipc-filter-check__box,
.vipc-filter-check:hover .vipc-filter-check__box {
border-color: var(--vip-accent-btn);
}
.vipc-filter-check.is-active .vipc-filter-check__box {
background: var(--vip-accent-btn);
}
.vipc-filter-check.is-active .vipc-filter-check__box::after {
content: '';
width: 5px;
height: 9px;
border: 2px solid var(--vip-bg);
border-top: none;
border-left: none;
transform: rotate(45deg);
display: block;
margin-top: -2px;
}
.vipc-filter-check__label {
font-size: 14px;
color: var(--vip-text-secondary);
flex: 1;
transition: color 0.15s;
}
.vipc-filter-check.is-active .vipc-filter-check__label {
color: var(--vip-accent-btn);
font-weight: 600;
}
.vipc-filter-check__count {
font-size: 12px;
color: var(--vip-text-faint);
font-variant-numeric: tabular-nums;
}
.vipc-shop-spinner {
display: none;
position: absolute;
top: 80px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.vipc-shop-spinner.is-visible {
display: flex;
align-items: center;
justify-content: center;
}
.vipc-shop-spinner__ring {
width: 36px;
height: 36px;
border: 3px solid var(--vip-border);
border-top-color: var(--vip-accent-btn);
border-radius: 50%;
animation: vipc-spin 0.7s linear infinite;
}
@keyframes vipc-spin {
to { transform: rotate(360deg); }
}
#vipc-products-region {
transition: opacity 0.2s ease;
}
.vipc-shop-topbar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
padding-bottom: 18px;
border-bottom: 1.5px solid var(--vip-accent-soft);
gap: 16px;
}
.vipc-shop-topbar__left {
display: flex;
align-items: center;
gap: 14px;
}
.vipc-shop-topbar__right {
display: flex;
align-items: center;
gap: 12px;
}
.vipc-shop-count {
font-family: 'Jost', sans-serif;
font-size: 22px;
font-weight: 700;
color: var(--vip-ink);
letter-spacing: -0.02em;
line-height: 1;
}
.vipc-shop-count__num {
color: var(--vip-accent);
}
.vipc-sort-wrap {
display: flex;
align-items: center;
gap: 8px;
color: var(--vip-muted);
}
.vipc-sort-select {
font-family: 'Jost', sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--vip-text-secondary);
background: var(--vip-bg);
border: 1.5px solid var(--vip-border);
border-radius: 10px;
padding: 9px 32px 9px 14px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 14px;
transition: border-color 0.15s, box-shadow 0.15s;
}
.vipc-sort-select:focus {
outline: none;
border-color: var(--vip-accent);
box-shadow: 0 0 0 3px rgba(91,60,232,0.08);
}
.vipc-sort-select:hover {
border-color: var(--vip-accent-muted);
}
.vipc-filter-toggle {
display: none;
align-items: center;
gap: 7px;
font-family: 'Jost', sans-serif;
font-size: 14px;
font-weight: 600;
color: var(--vip-text-secondary);
background: var(--vip-bg);
border: 1.5px solid var(--vip-border);
border-radius: 10px;
padding: 9px 16px;
cursor: pointer;
transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.vipc-filter-toggle:hover {
border-color: var(--vip-accent);
color: var(--vip-accent);
background: var(--vip-accent-soft);
}
.vipc-active-filters {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.vipc-active-filters__label {
font-size: 13px;
color: var(--vip-text-faint);
font-weight: 500;
}
.vipc-active-tag {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 13px;
font-weight: 600;
color: var(--vip-accent-btn);
background: var(--vip-accent-soft);
border: 1px solid #ddd6fe;
border-radius: 999px;
padding: 4px 10px;
text-decoration: none;
transition: background 0.15s;
}
.vipc-active-tag:hover {
background: var(--vip-accent-mid);
color: var(--vip-accent);
}
.vipc-active-filters__clear {
font-size: 13px;
color: var(--vip-text-faint);
text-decoration: underline;
text-underline-offset: 2px;
margin-left: 4px;
}
.vipc-active-filters__clear:hover {
color: var(--vip-danger);
}
.vipc-shop-main ul.products {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.vipc-shop-main ul.products li.product {
background: var(--vip-bg) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 16px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
transition: box-shadow 0.22s, border-color 0.22s, transform 0.22s !important;
position: relative !important;
padding: 0 !important;
}
.vipc-shop-main ul.products li.product:hover {
box-shadow: 0 8px 28px rgba(124,58,237,0.13) !important;
border-color: var(--vip-accent-muted) !important;
transform: translateY(-3px) !important;
}
.vipc-shop-main ul.products li.product a img,
.vipc-shop-main ul.products li.product .woocommerce-loop-product__link img {
width: 100% !important;
height: 200px !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
border-radius: 0 !important;
padding: 12px !important;
}
.vipc-shop-main ul.products li.product .woocommerce-loop-product__link {
display: block !important;
text-decoration: none !important;
color: inherit !important;
}
.vipc-shop-main ul.products li.product .woocommerce-loop-product__title {
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--vip-ink) !important;
padding: 14px 16px 4px !important;
margin: 0 !important;
line-height: 1.35 !important;
}
.vipc-shop-main ul.products li.product .price {
padding: 0 16px 12px !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.vipc-shop-main ul.products li.product .price del {
color: var(--vip-text-faint) !important;
font-size: 13px !important;
font-weight: 400 !important;
}
.vipc-shop-main ul.products li.product .price ins {
text-decoration: none !important;
color: var(--vip-ink) !important;
}
.vipc-shop-main ul.products li.product .onsale {
position: absolute !important;
top: 12px !important;
left: 12px !important;
background: linear-gradient(135deg, var(--vip-accent-btn), var(--vip-accent)) !important;
color: #fff !important;
font-family: 'Jost', sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
padding: 4px 10px !important;
border-radius: 999px !important;
z-index: 2 !important;
}
.vipc-shop-main ul.products li.product .button,
.vipc-shop-main ul.products li.product a.button,
.vipc-shop-main ul.products li.product .add_to_cart_button {
display: block !important;
margin: auto 16px 16px !important;
background: var(--vip-ink) !important;
color: #fff !important;
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.03em !important;
border: none !important;
border-radius: 10px !important;
padding: 11px 0 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
transition: background 0.18s !important;
}
.vipc-shop-main ul.products li.product .button:hover,
.vipc-shop-main ul.products li.product a.button:hover,
.vipc-shop-main ul.products li.product .add_to_cart_button:hover {
background: var(--vip-accent-btn) !important;
}
.vipc-shop-main ul.products li.product .ast-shop-product-btn,
.vipc-shop-main ul.products li.product .astra-shop-product-btn,
.vipc-shop-main ul.products li.product .ast-woo-quick-view-btn,
.vipc-shop-main ul.products li.product a.add_to_cart_button.ast-button,
ul.products li.product .ast-shop-product-btn {
background: var(--vip-bg) !important;
color: var(--vip-accent-btn) !important;
border: 1.5px solid #ddd6fe !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px var(--vip-accent-ring) !important;
}
.vipc-shop-main ul.products li.product .ast-shop-product-btn:hover,
.vipc-shop-main ul.products li.product .astra-shop-product-btn:hover,
.vipc-shop-main ul.products li.product .ast-woo-quick-view-btn:hover,
ul.products li.product .ast-shop-product-btn:hover {
background: var(--vip-accent-btn) !important;
color: #fff !important;
border-color: var(--vip-accent-btn) !important;
}
.vipc-shop-main ul.products li.product .ast-shop-product-btn svg,
.vipc-shop-main ul.products li.product .ast-shop-product-btn path,
.vipc-shop-main ul.products li.product .ast-shop-product-btn polyline,
ul.products li.product .ast-shop-product-btn svg,
ul.products li.product .ast-shop-product-btn path {
stroke: currentColor !important;
fill: none !important;
}
.vipc-shop-main ul.products li.product .star-rating {
padding: 0 16px 6px !important;
font-size: 13px !important;
}
.vipc-shop-main .woocommerce-pagination {
margin-top: 32px !important;
}
.vipc-shop-main .woocommerce-pagination ul {
display: flex !important;
gap: 6px !important;
list-style: none !important;
padding: 0 !important;
justify-content: center !important;
}
.vipc-shop-main .woocommerce-pagination ul li a,
.vipc-shop-main .woocommerce-pagination ul li span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border-radius: 9px !important;
border: 1.5px solid var(--vip-border) !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--vip-text-secondary) !important;
text-decoration: none !important;
background: var(--vip-bg) !important;
transition: border-color 0.15s, background 0.15s, color 0.15s !important;
}
.vipc-shop-main .woocommerce-pagination ul li a:hover,
.vipc-shop-main .woocommerce-pagination ul li span.current {
background: var(--vip-accent-btn) !important;
border-color: var(--vip-accent-btn) !important;
color: #fff !important;
}
.vipc-shop-empty {
text-align: center;
padding: 60px 20px;
color: var(--vip-text-faint);
font-size: 16px;
}
.vipc-sidebar-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
z-index: 999;
backdrop-filter: blur(2px);
}
.vipc-sidebar-overlay.is-visible {
display: block;
}
@media (max-width: 1024px) {
.vipc-shop-main ul.products {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.vipc-shop-wrap {
padding: 16px 16px 48px;
gap: 0;
}
.vipc-shop-sidebar {
position: fixed !important;
top: 0 !important;
left: 0 !important;
height: 100dvh !important;
width: 280px !important;
background: var(--vip-bg) !important;
z-index: 1000 !important;
overflow-y: auto !important;
padding: 20px !important;
box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
transform: translateX(-100%) !important;
transition: transform 0.28s ease !important;
box-sizing: border-box !important;
}
.vipc-shop-sidebar.is-open {
transform: translateX(0) !important;
}
.vipc-sidebar-close {
display: flex !important;
align-items: center;
justify-content: flex-end;
width: 100%;
background: none;
border: none;
padding: 0 0 16px;
cursor: pointer;
color: var(--vip-muted);
}
.vipc-filter-toggle {
display: flex !important;
}
.vipc-shop-count {
font-size: 18px;
}
.vipc-shop-main ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
.vipc-shop-main ul.products li.product .woocommerce-loop-product__link img {
height: 150px !important;
}
}
@media (max-width: 480px) {
.vipc-shop-main ul.products {
grid-template-columns: 1fr !important;
}
}
.woocommerce-message {
position: relative !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 12px 16px !important;
list-style: none !important;
}
.woocommerce-message::before {
display: none !important;
}
.woocommerce-message a.button,
.woocommerce-message .button.wc-forward {
float: right !important;
margin: -2px 0 0 12px !important;
}
.woocommerce-message a.button,
.woocommerce-message .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
float: right !important;
margin: 0 0 4px 12px !important;
padding: 8px 20px !important;
background: var(--vip-accent) !important;
color: #fff !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
border-radius: 10px !important;
border: none !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: background 0.15s !important;
box-shadow: none !important;
}
.woocommerce-message a.button:hover,
.woocommerce-message .button:hover {
background: #4a2fd6 !important;
color: #fff !important;
text-decoration: none !important;
}
.woocommerce-message .restore-item {
margin-left: auto !important;
font-weight: 600 !important;
color: var(--vip-accent-btn) !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.woocommerce-message .restore-item:hover {
text-decoration: underline !important;
color: var(--vip-accent) !important;
}
#ast-scroll-top,
.ast-scroll-top {
display: none !important;
}
.woocommerce-error,
.woocommerce-NoticeGroup .woocommerce-error {
background: var(--vip-danger-bg) !important;
border: 1px solid #fca5a5 !important;
border-left: 3px solid var(--vip-danger) !important;
border-radius: 10px !important;
padding: 14px 18px !important;
margin: 0 0 20px !important;
list-style: none !important;
color: var(--vip-ink) !important;
}
.woocommerce-error li,
.woocommerce-error li a {
color: var(--vip-ink) !important;
font-size: 13.5px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
}
.woocommerce-error li::before {
display: none !important;
}
.woocommerce-message {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-left: 3px solid var(--vip-accent) !important;
border-radius: 10px !important;
color: var(--vip-ink) !important;
}
.woocommerce-info {
background: #f0f9ff !important;
border: 1px solid #7dd3fc !important;
border-left: 3px solid #0ea5e9 !important;
border-radius: 10px !important;
color: var(--vip-ink) !important;
}
.vip-404-wrap {
width: 100%;
min-height: 62vh;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 20px;
box-sizing: border-box;
}
.error404 #primary,
.error404 .content-area {
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
.vip-404-inner {
text-align: center;
max-width: 420px;
}
.vip-404-code {
font-family: var(--vip-font-display);
font-size: clamp(80px, 18vw, 128px);
font-weight: 800;
color: var(--vip-ink);
line-height: 1;
letter-spacing: -0.04em;
}
.vip-404-title {
font-size: 22px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
margin: 12px 0 10px !important;
letter-spacing: -0.01em !important;
}
.vip-404-msg {
font-size: 15px !important;
color: var(--vip-muted) !important;
margin: 0 0 28px !important;
line-height: 1.6 !important;
}
.vip-404-btn {
display: inline-block;
background: var(--vip-ink);
color: #fff !important;
text-decoration: none !important;
padding: 12px 26px;
border-radius: var(--vip-radius-pill);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
transition: opacity 0.15s ease;
}
.vip-404-btn:hover {
opacity: 0.82;
}
.vip-thankyou-check {
display: flex;
justify-content: center;
margin: 32px 0 8px;
}
.vip-thankyou-check svg {
width: 64px;
height: 64px;
}
.vip-check-circle {
stroke-dasharray: 160;
stroke-dashoffset: 160;
animation: vipCheckCircle 0.5s cubic-bezier(0.4,0,0.2,1) 0.1s forwards;
}
.vip-check-tick {
stroke-dasharray: 40;
stroke-dashoffset: 40;
animation: vipCheckTick 0.35s ease 0.55s forwards;
}
@keyframes vipCheckCircle {
to { stroke-dashoffset: 0; }
}
@keyframes vipCheckTick {
to { stroke-dashoffset: 0; }
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
font-size: 22px !important;
font-weight: 700 !important;
color: var(--vip-ink) !important;
text-align: center;
margin-top: 12px !important;
}
.woocommerce-order-received .woocommerce-order-overview {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: var(--vip-radius-lg) !important;
padding: 20px 24px !important;
margin: 24px 0 !important;
}
.woocommerce-order-received .woocommerce-order-overview li {
border-right-color: var(--vip-border) !important;
font-size: 13px !important;
color: var(--vip-muted) !important;
}
.woocommerce-order-received .woocommerce-order-overview li strong {
display: block;
font-size: 15px !important;
color: var(--vip-ink) !important;
font-weight: 700 !important;
margin-top: 3px;
}
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
border-color: var(--vip-ink) !important;
box-shadow: 0 0 0 3px rgba(22,24,28,0.08) !important;
outline: none !important;
}
.woocommerce-additional-fields {
display: none !important;
}
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon {
display: none !important;
}
#customer_details,
.woocommerce-billing-fields__field-wrapper {
display: none !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
float: none !important;
margin: 0 auto !important;
max-width: 600px !important;
}
.woocommerce-checkout #order_review_heading {
display: none !important;
}
.woocommerce-checkout #order_review {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.woocommerce-checkout form.woocommerce-checkout {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.woocommerce-checkout #order_review .shop_table {
border: 1px solid var(--vip-border) !important;
border-radius: var(--vip-radius-lg) !important;
overflow: hidden !important;
margin-bottom: 20px !important;
}
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td {
padding: 14px 18px !important;
font-size: 14px !important;
color: var(--vip-ink) !important;
border-bottom: 1px solid var(--vip-border) !important;
}
.woocommerce-checkout #order_review .shop_table tfoot tr:last-child td,
.woocommerce-checkout #order_review .shop_table tfoot tr:last-child th {
font-weight: 700 !important;
font-size: 15px !important;
border-bottom: none !important;
}
.woocommerce-checkout #payment {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
}
.woocommerce-checkout #payment .payment_methods {
border: 1px solid var(--vip-border) !important;
border-radius: var(--vip-radius-lg) !important;
overflow: hidden !important;
margin-bottom: 16px !important;
padding: 0 !important;
}
.woocommerce-checkout #payment .payment_methods li {
padding: 14px 18px !important;
border-bottom: 1px solid var(--vip-border) !important;
}
.woocommerce-checkout #payment .payment_methods li:last-child {
border-bottom: none !important;
}
.woocommerce-checkout #payment .payment_methods li label,
.woocommerce-checkout #payment .payment_methods li input[type="radio"],
.woocommerce-checkout #payment .payment_methods li img,
.woocommerce-checkout #payment .payment_box p {
display: none !important;
}
.woocommerce-checkout #payment .payment_box {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-checkout #payment .payment_box::before {
display: none !important;
}
.woocommerce-checkout #payment .payment_methods {
padding: 0 !important;
}
.woocommerce-checkout #payment .payment_methods li {
padding: 0 !important;
border: none !important;
}
.woocommerce-checkout #payment .place-order {
padding: 0 !important;
margin-top: 16px !important;
}
.woocommerce-checkout #place_order {
width: 100% !important;
padding: 15px !important;
font-size: 15px !important;
font-weight: 700 !important;
border-radius: var(--vip-radius-pill) !important;
letter-spacing: 0.01em !important;
}
html.vip-dark {
--vip-bg: #060D18; --vip-bg-subtle: #091321; --vip-surface: #0C1828; --vip-surface-raised: #132A42;
--vip-ink: #F1F5F9; --vip-text-secondary: #A8B7C8; --vip-muted: #71849A; --vip-text-faint: #4a6078;
--vip-border: #19304A; --vip-border-subtle: #0f2035; --vip-border-strong: #254563;
--vip-accent: #4DA3FF; --vip-accent-btn: #4DA3FF; --vip-accent-hover: #69B1FF;
--vip-accent-soft: rgba(77,163,255,0.08); --vip-accent-mid: rgba(77,163,255,0.14);
--vip-accent-muted: rgba(77,163,255,0.40); --vip-accent-ring: rgba(77,163,255,0.12);
--vip-accent-shadow: rgba(77,163,255,0.20); --vip-focus-ring: rgba(77,163,255,0.15);
--vip-danger: #f87171; --vip-danger-dark: #fca5a5; --vip-danger-bg: rgba(248,113,113,0.10);
--vip-shadow-sm: 0 1px 3px rgba(0,0,0,0.30); --vip-shadow-md: 0 4px 12px rgba(0,0,0,0.40);
--vip-shadow-lg: 0 12px 28px rgba(0,0,0,0.50);
--vip-pag-bg: #0C1828; --vip-pag-text: #A8B7C8; --vip-pag-hover-bg: #132A42;
--vip-pag-hover-text: #F1F5F9; --vip-pag-active-bg: #4DA3FF; --vip-pag-active-text: #060D18;
--vip-pag-active-ring: #4DA3FF;
--vip-bnav-bg: rgba(9,28,54,0.96); --vip-bnav-border: rgba(30,61,107,0.60);
--vip-bnav-shadow: 0 4px 24px rgba(0,0,0,0.60), 0 2px 8px rgba(0,0,0,0.45);
--vip-bnav-inactive: #71849A; --vip-bnav-active: #4DA3FF;
--vip-sidebar-shadow: 6px 0 40px rgba(0,0,0,0.40), 2px 0 12px rgba(0,0,0,0.25);
}
html.vip-dark .nav-home > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important; }
html.vip-dark .nav-shop > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 001.98 1.61h9.72a2 2 0 001.98-1.61L23 6H6'/%3E%3C/svg%3E") !important; }
html.vip-dark .nav-account > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; }
html.vip-dark .nav-cart > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") !important; }
html.vip-dark .nav-checkout > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") !important; }
html.vip-dark .menu-item-home > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important; }
html.vip-dark #page,
html.vip-dark .site { background: var(--vip-bg) !important; }
html.vip-dark #masthead,
html.vip-dark .site-header,
html.vip-dark .main-header-bar,
html.vip-dark .ast-primary-header-bar,
html.vip-dark .ast-primary-header-bar-wrap,
html.vip-dark .ast-above-header-bar,
html.vip-dark .ast-above-header-bar-wrap,
html.vip-dark .ast-above-header-wrap,
html.vip-dark .ast-below-header-bar,
html.vip-dark .ast-below-header-bar-wrap,
html.vip-dark .ast-below-header-wrap,
html.vip-dark .ast-site-header-wrap,
html.vip-dark .ast-main-header-wrap,
html.vip-dark .ast-desktop-header,
html.vip-dark .ast-sticky-active .main-header-bar,
html.vip-dark .ast-sticky-active .ast-primary-header-bar,
html.vip-dark .ast-sticky-active.site-header {
background: #060D18 !important;
background-color: #060D18 !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
html.vip-dark .main-header-bar-navigation a { color: #F1F5F9 !important; font-family: var(--vip-font-body) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; }
html.vip-dark .main-header-bar-navigation a:hover { color: var(--vip-accent) !important; opacity: 1 !important; }
html.vip-dark .main-header-bar-navigation li.current-menu-item > a { color: var(--vip-accent) !important; }
html.vip-dark .main-header-bar-navigation a:hover::before { opacity: 1 !important; filter: brightness(0) saturate(100%) invert(63%) sepia(48%) saturate(1507%) hue-rotate(193deg) !important; }
html.vip-dark .main-header-bar-navigation li.current-menu-item.nav-home > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.menu-item-home > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.nav-shop > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.nav-cart > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.nav-vip > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.menu-item-vip > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.nav-account > a::before,
html.vip-dark .main-header-bar-navigation li.current-menu-item.nav-checkout > a::before {
display: inline-block !important;
opacity: 1 !important;
filter: brightness(0) saturate(100%) invert(63%) sepia(48%) saturate(1507%) hue-rotate(193deg) !important;
}
html.vip-dark .ast-site-identity .site-title,
html.vip-dark .ast-site-identity .site-title a { color: #F1F5F9 !important; }
html.vip-dark .woocommerce-checkout input:-webkit-autofill,
html.vip-dark .woocommerce-account input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #091321 inset !important;
-webkit-text-fill-color: #F1F5F9 !important;
}
html.vip-dark ::selection { background: var(--vip-accent) !important; color: #ffffff !important; }
html.vip-dark { scrollbar-color: var(--vip-border) var(--vip-bg); }
html.vip-dark ::-webkit-scrollbar { width: 8px; }
html.vip-dark ::-webkit-scrollbar-track { background: var(--vip-bg); }
html.vip-dark ::-webkit-scrollbar-thumb { background: var(--vip-border); border-radius: 4px; }
html.vip-dark ::-webkit-scrollbar-thumb:hover { background: var(--vip-border-strong); }
html.vip-dark .woocommerce ul.products li.product:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.45); border-color: var(--vip-border-strong) !important; }
#vip-theme-toggle { display:none !important; }
#vip-desk-theme-btn {
display: none;
}
@media (min-width: 901px) {
#vip-desk-theme-li {
display: flex !important;
align-items: center !important;
list-style: none !important;
margin: 0 0 0 8px !important;
padding: 0 !important;
}
#vip-desk-theme-li::marker { display: none !important; content: '' !important; }
#vip-desk-theme-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
width: 34px !important;
height: 34px !important;
border-radius: 50% !important;
border: 1.5px solid var(--vip-border) !important;
background: transparent !important;
color: var(--vip-ink) !important;
cursor: pointer !important;
transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
padding: 0 !important;
}
#vip-desk-theme-btn svg {
opacity: 0.7;
transition: opacity 0.18s ease, transform 0.18s ease;
}
#vip-desk-theme-btn:hover {
border-color: var(--vip-accent) !important;
color: var(--vip-accent) !important;
transform: scale(1.08) !important;
}
#vip-desk-theme-btn:hover svg {
opacity: 1;
}
#vip-desk-theme-btn:active {
transform: scale(0.95) !important;
}
#vip-desk-theme-btn .vip-desk-th-sun { display: none !important; }
html.vip-dark #vip-desk-theme-btn .vip-desk-th-moon { display: none !important; }
html.vip-dark #vip-desk-theme-btn .vip-desk-th-sun { display: flex !important; }
@keyframes vip-sun-spin {
0%   { transform: rotate(0deg) scale(0.55); opacity: 0; }
45%  { transform: rotate(210deg) scale(1.18); opacity: 1; }
72%  { transform: rotate(335deg) scale(0.94); }
100% { transform: rotate(360deg) scale(1); opacity: 0.8; }
}
@keyframes vip-moon-sweep {
0%   { transform: translateX(-5px) rotate(-40deg) scale(0.5); opacity: 0; }
50%  { transform: translateX(2px) rotate(10deg) scale(1.12); opacity: 1; }
78%  { transform: translateX(-1px) rotate(-3deg) scale(0.96); }
100% { transform: translateX(0) rotate(0deg) scale(1); opacity: 0.8; }
}
@keyframes vip-ring-sun {
0%   { box-shadow: 0 0 0 0 rgba(212,175,55,0.50), 0 0 0 0 rgba(212,175,55,0.25); }
50%  { box-shadow: 0 0 0 5px rgba(212,175,55,0.12), 0 0 0 10px rgba(212,175,55,0.04); }
100% { box-shadow: 0 0 0 8px rgba(212,175,55,0), 0 0 0 16px rgba(212,175,55,0); }
}
@keyframes vip-ring-moon {
0%   { box-shadow: 0 0 0 0 rgba(77,163,255,0.45), 0 0 0 0 rgba(77,163,255,0.20); }
50%  { box-shadow: 0 0 0 5px rgba(77,163,255,0.10), 0 0 0 10px rgba(77,163,255,0.04); }
100% { box-shadow: 0 0 0 8px rgba(77,163,255,0), 0 0 0 16px rgba(77,163,255,0); }
}
#vip-desk-theme-btn.vip-anim-sun {
animation: vip-ring-sun 0.55s ease-out forwards;
}
#vip-desk-theme-btn.vip-anim-moon {
animation: vip-ring-moon 0.50s ease-out forwards;
}
#vip-desk-theme-btn.vip-anim-sun .vip-desk-th-sun svg {
animation: vip-sun-spin 0.52s cubic-bezier(0.34,1.56,0.64,1) forwards;
}
#vip-desk-theme-btn.vip-anim-moon .vip-desk-th-moon svg {
animation: vip-moon-sweep 0.48s cubic-bezier(0.34,1.56,0.64,1) forwards;
}
}
.vip-tt-moon, .vip-tt-sun { display:flex; align-items:center; justify-content:center; }
#vip-sb-theme-btn .vip-tt-sun { display:none !important; }
html.vip-dark #vip-sb-theme-btn .vip-tt-moon { display:none !important; }
html.vip-dark #vip-sb-theme-btn .vip-tt-sun { display:flex !important; }
html.vip-dark .vip-mob-divider { background: var(--vip-border) !important; }
html.vip-dark #order_review,
html.vip-dark .woocommerce-checkout-review-order { background: var(--vip-surface) !important; }
html.vip-dark #vip-sidebar-close { background: var(--vip-surface-raised) !important; color: var(--vip-ink) !important; }
html.vip-dark #vip-sidebar-head { border-color: var(--vip-border) !important; }
html.vip-dark #vip-sidebar.open { box-shadow: var(--vip-sidebar-shadow) !important; }
#vip-sb-theme-row { display:flex; align-items:center; margin:8px 12px 0; border-top:1px solid var(--vip-border); padding-top:8px; }
#vip-sb-theme-btn { display:flex; align-items:center; gap:10px; width:100%; padding:12px 14px; border:none; background:none; border-radius:12px; cursor:pointer; font-size:15px; font-weight:500; color:var(--vip-text-secondary); transition:background .15s,color .15s; }
#vip-sb-theme-btn:hover { background:var(--vip-accent-soft); color:var(--vip-accent); }
.vip-sb-theme-icon { display:flex; align-items:center; justify-content:center; width:22px; height:22px; flex-shrink:0; }
html.vip-dark .vip-dl-card-thumb { background-color: var(--vip-accent-soft) !important; }
html.vip-dark .vipc-filter-group__head { background: transparent !important; background-color: transparent !important; color: var(--vip-ink) !important; border-color: var(--vip-border) !important; }
html.vip-dark .woocommerce-info { background: var(--vip-surface) !important; border-color: var(--vip-border) !important; color: var(--vip-ink) !important; }
.vip-search-form { margin-bottom: 16px; }
.vip-search-form__inner {
display: flex;
align-items: center;
gap: 8px;
background: var(--vip-bg);
border: 1.5px solid var(--vip-border);
border-radius: 12px;
padding: 6px 8px 6px 14px;
box-shadow: var(--vip-shadow-sm);
transition: border-color .18s, box-shadow .18s;
}
.vip-search-form__inner:focus-within {
border-color: var(--vip-accent);
box-shadow: 0 0 0 3px var(--vip-accent-ring);
}
.vip-search-form__input {
flex: 1;
border: none;
outline: none;
background: transparent;
color: var(--vip-ink);
font-size: 14px;
font-family: inherit;
min-width: 0;
}
.vip-search-form__input::placeholder { color: var(--vip-muted); }
.vip-search-form__btn {
display: inline-flex;
align-items: center;
gap: 6px;
height: 36px;
padding: 0 14px;
background: var(--vip-accent);
color: #fff;
border: none;
border-radius: 8px;
font-size: 13.5px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: background .18s;
white-space: nowrap;
flex-shrink: 0;
}
.vip-search-form__btn:hover { background: var(--vip-accent-hover); }
.vip-search-form__clear {
font-size: 12.5px;
color: var(--vip-muted);
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
padding: 0 4px;
}
.vip-search-form__clear:hover { color: var(--vip-ink); }
.vip-search-form__hint { font-size: 12px; color: var(--vip-muted); margin: 6px 0 0; padding: 0 2px; }
html.vip-dark .comments-area,
html.vip-dark #comments { background: var(--vip-bg) !important; color: var(--vip-ink) !important; }
html.vip-dark .comments-title,
html.vip-dark .comment-reply-title { color: var(--vip-ink) !important; }
html.vip-dark .comment-list .comment,
html.vip-dark .comment-list li article { background: var(--vip-surface) !important; border-color: var(--vip-border) !important; }
html.vip-dark .comment-content p,
html.vip-dark .comment-body { color: var(--vip-ink) !important; }
html.vip-dark .comment-author .fn,
html.vip-dark .comment-author .fn a { color: var(--vip-ink) !important; }
html.vip-dark .comment-metadata,
html.vip-dark .comment-metadata a,
html.vip-dark .comment-metadata time { color: var(--vip-muted) !important; }
html.vip-dark .comment-reply-link { color: var(--vip-accent) !important; }
html.vip-dark #respond,
html.vip-dark .comment-respond {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
border-radius: var(--vip-radius-md) !important;
}
html.vip-dark .comment-form label,
html.vip-dark .comment-form-comment label,
html.vip-dark .comment-form-author label,
html.vip-dark .comment-form-email label { color: var(--vip-ink) !important; }
html.vip-dark .comment-form input[type="text"],
html.vip-dark .comment-form input[type="email"],
html.vip-dark .comment-form input[type="url"],
html.vip-dark .comment-form textarea {
background: var(--vip-bg) !important;
border: 1px solid var(--vip-border) !important;
border-radius: var(--vip-radius-sm) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .comment-form input[type="text"]::placeholder,
html.vip-dark .comment-form input[type="email"]::placeholder,
html.vip-dark .comment-form textarea::placeholder { color: var(--vip-muted) !important; }
html.vip-dark .comment-form input[type="submit"],
html.vip-dark .comment-form #submit { background: var(--vip-accent) !important; border-color: var(--vip-accent) !important; color: #fff !important; }
html.vip-dark .logged-in-as,
html.vip-dark .comment-notes { color: var(--vip-muted) !important; }
html.vip-dark .logged-in-as a { color: var(--vip-accent) !important; }
html.vip-dark .comment-awaiting-moderation { color: var(--vip-muted) !important; }
html.vip-dark .bypostauthor > article { border-left: 3px solid var(--vip-accent) !important; }
html.vip-dark .vipc-badge-row .vip-content-badge {
background: var(--vip-accent-soft) !important;
color: var(--vip-accent) !important;
border-color: var(--vip-accent-mid) !important;
}
html.vip-dark .vipc-previews-title { color: var(--vip-ink) !important; }
html.vip-dark .vipc-previews-count { color: var(--vip-muted) !important; }
html.vip-dark .vipc-preview-cell { background: var(--vip-border) !important; }
html.vip-dark .vipc-preview-lock { background: var(--vip-accent-soft) !important; color: var(--vip-accent) !important; }
html.vip-dark .vipc-preview-lock a { color: var(--vip-accent) !important; }
html.vip-dark .vip-meta-bar__item { color: var(--vip-muted) !important; }
html.vip-dark .vip-meta-bar__item svg { stroke: currentColor !important; }
html.vip-dark .vip-meta-bar__item strong { color: var(--vip-accent) !important; }
html.vip-dark .vip-meta-bar__item > span { color: var(--vip-muted) !important; }
html.vip-dark .vip-meta-bar__sep { background: var(--vip-border) !important; }
html.vip-dark .vipc-glb__nav:hover:not(:disabled),
html.vip-dark .vipc-lb-nav:hover:not(:disabled) {
background: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .vipc-glb__thumb.is-active,
html.vip-dark .vipc-lb-thumb.is-active {
border-color: var(--vip-accent) !important;
}
html.vip-dark .vipc-hero__thumb { background: var(--vip-bg) !important; }
html.vip-dark .vipc-mosaic__cell { background: var(--vip-bg) !important; }
html.vip-dark .vip-benefits-section {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-benefits-label { color: var(--vip-accent) !important; }
html.vip-dark .vip-benefits-title { color: var(--vip-ink) !important; }
html.vip-dark .vip-benefits-list li { color: var(--vip-text-secondary) !important; }
html.vip-dark .vip-benefits-card {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
box-shadow: 0 8px 40px rgba(0,0,0,0.30) !important;
}
html.vip-dark .vip-benefits-card__gem-label { color: var(--vip-muted) !important; }
html.vip-dark .vip-benefits-card__gem-points { color: var(--vip-ink) !important; }
html.vip-dark .vip-benefits-card__price-now { color: var(--vip-ink) !important; }
html.vip-dark .vip-benefits-card__price-old { color: var(--vip-muted) !important; }
html.vip-dark .vip-benefits-card__btn {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
box-shadow: 0 4px 24px var(--vip-accent-shadow) !important;
}
html.vip-dark .vip-benefits-card__btn:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
}
html.vip-dark .vip-benefits-card__social { color: var(--vip-muted) !important; }
html.vip-dark .vip-benefits-card__social svg { fill: var(--vip-muted) !important; }
html.vip-dark .vipc-wrap { background: var(--vip-surface) !important; }
html.vip-dark .vipc-heading { color: var(--vip-ink) !important; }
html.vip-dark .vipc-browse { color: var(--vip-accent) !important; }
html.vip-dark .vipc-browse:hover { color: var(--vip-accent-hover) !important; }
html.vip-dark .vipc-card__img-wrap { background: var(--vip-surface-raised) !important; }
html.vip-dark .vipc-card__no-img { background: linear-gradient(135deg, var(--vip-surface-raised) 0%, var(--vip-border) 100%) !important; }
html.vip-dark .vipc-card__title { color: var(--vip-text-secondary) !important; }
html.vip-dark .vipc-card__price { color: var(--vip-ink) !important; }
html.vip-dark .vipc-card__price del,
html.vip-dark .vipc-card__price .woocommerce-Price-amount:not(:last-child) { color: var(--vip-muted) !important; }
html.vip-dark .vipc-arrow { background: var(--vip-surface-raised) !important; color: var(--vip-ink) !important; }
html.vip-dark .vipc-arrow:hover { background: var(--vip-accent) !important; color: #fff !important; }
html.vip-dark .vipc-card__sale-dot { background: var(--vip-accent) !important; box-shadow: 0 0 8px var(--vip-accent-shadow) !important; }
html.vip-dark .woocommerce div.product form.cart .single_add_to_cart_button,
html.vip-dark .woocommerce div.product form.cart button[type="submit"],
html.vip-dark button.single_add_to_cart_button {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark .woocommerce div.product form.cart .single_add_to_cart_button:hover,
html.vip-dark button.single_add_to_cart_button:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
border-color: var(--vip-accent-hover) !important;
}
html.vip-dark .woocommerce-tabs,
html.vip-dark .woocommerce div.product .woocommerce-tabs {
background: var(--vip-surface) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs,
html.vip-dark .woocommerce div.product .wc-tabs {
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li,
html.vip-dark .woocommerce div.product .wc-tabs li {
border-color: var(--vip-border) !important;
background: var(--vip-surface) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li.active,
html.vip-dark .woocommerce-tabs .wc-tabs li.active a,
html.vip-dark .woocommerce div.product .wc-tabs li.active a {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-bottom-color: var(--vip-surface-raised) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li a,
html.vip-dark .woocommerce div.product .wc-tabs li a {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li.active a {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-tabs .panel,
html.vip-dark .woocommerce div.product .woocommerce-tabs .panel {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .variations select,
html.vip-dark .woocommerce div.product .variations select {
background: var(--vip-surface-raised) !important;
border: 1px solid var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-error,
html.vip-dark ul.woocommerce-error {
background: rgba(77,163,255,0.10) !important;
border-left-color: var(--vip-accent) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-error li { color: var(--vip-ink) !important; }
html.vip-dark .woocommerce-MyAccount-navigation ul li a {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-MyAccount-navigation ul li a:hover {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-MyAccount-navigation ul li.is-active a,
html.vip-dark .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark .vip-pagination .vip-pagination__btn.active {
color: #fff !important;
background: var(--vip-accent) !important;
}
html.vip-dark .vip-pagination .vip-pagination__prev,
html.vip-dark .vip-pagination .vip-pagination__next {
color: var(--vip-accent) !important;
}
html.vip-dark .vip-pagination .vip-pagination__btn {
color: var(--vip-ink) !important;
}
html.vip-dark .vip-order-status--completed {
background: rgba(34,197,94,0.15) !important;
color: #4ade80 !important;
border-color: rgba(34,197,94,0.30) !important;
}
html.vip-dark .vip-order-status--pending {
background: rgba(250,204,21,0.12) !important;
color: #facc15 !important;
border-color: rgba(250,204,21,0.25) !important;
}
html.vip-dark .vip-order-status--processing {
background: rgba(77,163,255,0.12) !important;
color: var(--vip-accent) !important;
border-color: rgba(77,163,255,0.25) !important;
}
html.vip-dark .vip-order-status--cancelled,
html.vip-dark .vip-order-status--failed {
background: rgba(239,68,68,0.12) !important;
color: #f87171 !important;
border-color: rgba(239,68,68,0.25) !important;
}
html.vip-dark .vip-order-status--on-hold {
background: rgba(249,115,22,0.12) !important;
color: #fb923c !important;
border-color: rgba(249,115,22,0.25) !important;
}
html.vip-dark .vip-downloads-empty-icon {
background: rgba(77,163,255,0.12) !important;
color: var(--vip-accent) !important;
}
html.vip-dark #wpsc-container table tbody tr:hover {
background: var(--vip-surface-raised) !important;
}
html.vip-dark button.vipc-filter-group__head:hover,
html.vip-dark .vipc-filter-group__head:hover {
background-color: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-dash-sidebar {
background: linear-gradient(180deg, var(--vip-surface) 0%, var(--vip-bg) 100%) !important;
border-right: 1px solid var(--vip-border) !important;
}
html.vip-dark .vip-dash-nav-item.is-active,
html.vip-dark .vip-dash-nav-item.is-active a {
background: rgba(77,163,255,0.18) !important;
color: var(--vip-accent) !important;
}
html.vip-dark .vip-dash-coins-pill {
background: rgba(77,163,255,0.15) !important;
color: var(--vip-accent) !important;
border-color: rgba(77,163,255,0.25) !important;
}
html.vip-dark .vip-dash-nav-item a { color: var(--vip-muted) !important; }
html.vip-dark .vip-dash-nav-item a:hover,
html.vip-dark .vip-dash-nav-item:hover a {
color: var(--vip-ink) !important;
background: var(--vip-surface-raised) !important;
}
html.vip-dark .search-form,
html.vip-dark .widget_search form,
html.vip-dark .wp-block-search { background: transparent !important; }
html.vip-dark .search-field,
html.vip-dark .wp-block-search__input {
background: #060D18 !important;
color: #F1F5F9 !important;
border-color: #19304A !important;
}
html.vip-dark .search-field::placeholder,
html.vip-dark .wp-block-search__input::placeholder { color: #71849A !important; }
html.vip-dark .search-submit,
html.vip-dark .wp-block-search__button {
background: #4DA3FF !important;
color: #060D18 !important;
border-color: #4DA3FF !important;
}
html.vip-dark .search-submit:hover,
html.vip-dark .wp-block-search__button:hover { background: #69B1FF !important; }
html.vip-dark .ast-builder-grid-row,
html.vip-dark .ast-grid-left,
html.vip-dark .ast-grid-center,
html.vip-dark .ast-grid-right,
html.vip-dark .ast-builder-layout-element,
html.vip-dark .ast-builder-header-main-layout-wrap,
html.vip-dark .ast-header-sections-background,
html.vip-dark .ast-header-bg-wrap,
html.vip-dark [data-section="section-hb-primary-menu"] {
background: #060D18 !important;
background-color: #060D18 !important;
}
html.vip-dark .vip-dl-btn {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .vip-dl-btn:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
color: #060D18 !important;
}
html.vip-dark .vip-dl-browse-btn {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .vip-dl-browse-btn:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
color: #060D18 !important;
}
html.vip-dark .vip-dl-card {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vip-dl-card-thumb {
background-color: var(--vip-surface-raised) !important;
}
html.vip-dark .vip-dl-card-name { color: var(--vip-ink) !important; }
html.vip-dark .vip-dl-card-file { color: var(--vip-muted) !important; }
html.vip-dark .vip-dl-meta-tag {
background: var(--vip-surface-raised) !important;
color: var(--vip-muted) !important;
}
html.vip-dark .vip-dl-meta-tag--lifetime {
background: rgba(5,150,105,0.15) !important;
color: #34d399 !important;
}
html.vip-dark .vip-downloads-empty {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vip-downloads-empty h3 { color: var(--vip-ink) !important; }
html.vip-dark .vip-downloads-empty p  { color: var(--vip-muted) !important; }
html.vip-dark .vip-empty-btn {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .vip-empty-btn:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
color: #060D18 !important;
}
html.vip-dark .vip-empty-icon-wrap {
background: rgba(77,163,255,0.12) !important;
color: var(--vip-accent) !important;
}
html.vip-dark .vip-orders-empty {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vip-orders-empty h3 { color: var(--vip-ink) !important; }
html.vip-dark .vip-orders-empty p  { color: var(--vip-muted) !important; }
html.vip-dark .woocommerce-orders-table th {
color: var(--vip-muted) !important;
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-orders-table td {
color: var(--vip-ink) !important;
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-orders-table td a { color: var(--vip-accent) !important; }
html.vip-dark .vip-orders-btn {
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-orders-btn:hover {
border-color: var(--vip-accent) !important;
background: var(--vip-surface-raised) !important;
color: var(--vip-accent) !important;
}
html.vip-dark #wpsc-container {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #wpsc-container table thead th,
html.vip-dark #wpsc-container table thead td {
background: #0C1828 !important;
background-color: #0C1828 !important;
color: #A8B7C8 !important;
border-bottom: 1px solid #19304A !important;
}
html.vip-dark #wpsc-container table thead th a,
html.vip-dark #wpsc-container table thead th span,
html.vip-dark #wpsc-container table thead td a,
html.vip-dark #wpsc-container table thead td span {
color: #A8B7C8 !important;
}
html.vip-dark #wpsc-container table tbody tr {
border-bottom-color: #19304A !important;
}
html.vip-dark #wpsc-container table tbody td {
color: var(--vip-ink) !important;
background: transparent !important;
}
html.vip-dark #wpsc-container table tbody tr:nth-child(even) td {
background: rgba(12,24,40,0.40) !important;
}
html.vip-dark #wpsc-container .wpsc-pagination a { color: var(--vip-accent) !important; }
html.vip-dark #wpsc-container input[type="text"],
html.vip-dark #wpsc-container input[type="email"],
html.vip-dark #wpsc-container input[type="search"],
html.vip-dark #wpsc-container select,
html.vip-dark #wpsc-container textarea {
background: var(--vip-surface-raised) !important;
border: 1px solid var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #wpsc-container .wpsc-btn-secondary {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-account .woocommerce-form-login__submit,
html.vip-dark .woocommerce-account .woocommerce-form-register__submit,
html.vip-dark .woocommerce-account form.login .button,
html.vip-dark .woocommerce-account form.register .button,
html.vip-dark .woocommerce-account form.woocommerce-EditAccountForm .button,
html.vip-dark .woocommerce-account .woocommerce-form-row .button,
html.vip-dark .woocommerce-account .button[type="submit"],
html.vip-dark .woocommerce-account input[type="submit"] {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .woocommerce-account form.login .button:hover,
html.vip-dark .woocommerce-account form.register .button:hover,
html.vip-dark .woocommerce-account form.woocommerce-EditAccountForm .button:hover,
html.vip-dark .woocommerce-account .button[type="submit"]:hover,
html.vip-dark .woocommerce-account input[type="submit"]:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
border-color: var(--vip-accent-hover) !important;
}
html.vip-dark .woocommerce-account form.woocommerce-EditAccountForm,
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content > form {
background: var(--vip-surface) !important;
border: 1.5px solid var(--vip-border) !important;
border-radius: 16px !important;
padding: 28px 24px !important;
}
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content fieldset {
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content fieldset legend {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-account form label,
html.vip-dark .woocommerce-account form .woocommerce-form__label {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-account .woocommerce-Input,
html.vip-dark .woocommerce-account input[type="text"],
html.vip-dark .woocommerce-account input[type="email"],
html.vip-dark .woocommerce-account input[type="password"] {
background: var(--vip-bg) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-account .woocommerce-Input::placeholder,
html.vip-dark .woocommerce-account input[type="text"]::placeholder,
html.vip-dark .woocommerce-account input[type="email"]::placeholder,
html.vip-dark .woocommerce-account input[type="password"]::placeholder {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content p { color: var(--vip-text-secondary) !important; }
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content h2,
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content h3 { color: var(--vip-ink) !important; }
html.vip-dark .site-primary-header-wrap,
html.vip-dark .ast-builder-grid-row-container,
html.vip-dark .ast-builder-grid-row-container-inner,
html.vip-dark .site-header-primary-section-left,
html.vip-dark .site-header-primary-section-center,
html.vip-dark .site-header-primary-section-right,
html.vip-dark .ast-grid-section-left,
html.vip-dark .ast-grid-section-center,
html.vip-dark .ast-grid-section-right,
html.vip-dark .ast-header-break-point-wrap,
html.vip-dark #ast-desktop-header,
html.vip-dark .ast-above-header-section-left,
html.vip-dark .ast-above-header-section-center,
html.vip-dark .ast-above-header-section-right,
html.vip-dark .ast-below-header-section-left,
html.vip-dark .ast-below-header-section-center,
html.vip-dark .ast-below-header-section-right,
html.vip-dark .site-header-focus-item,
html.vip-dark .ast-primary-header-bar .ast-container,
html.vip-dark .main-header-bar .ast-container,
html.vip-dark .ast-builder-header-main-layout-wrap {
background: #060D18 !important;
background-color: #060D18 !important;
}
html.vip-dark .site-header-primary-section-left *,
html.vip-dark .site-header-primary-section-right * {
background-color: transparent !important;
}
html.vip-dark .main-header-bar-navigation ul li a,
html.vip-dark .ast-header-custom-item a,
html.vip-dark .ast-header-html-1,
html.vip-dark .ast-header-html-2 {
background: transparent !important;
background-color: transparent !important;
color: #F1F5F9 !important;
}
html.vip-dark .woocommerce-MyAccount-navigation ul li.is-active a,
html.vip-dark .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .woocommerce-MyAccount-navigation ul li a:hover {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-MyAccount-navigation {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-account .site-content,
html.vip-dark .woocommerce-account #primary,
html.vip-dark .woocommerce-account .ast-container,
html.vip-dark .woocommerce-account .entry-content,
html.vip-dark .woocommerce-account .woocommerce,
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .woocommerce-orders-table,
html.vip-dark table.woocommerce-orders-table {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .woocommerce-orders-table thead,
html.vip-dark .woocommerce-orders-table thead tr {
background: #0C1828 !important;
background-color: #0C1828 !important;
}
html.vip-dark .woocommerce-orders-table thead th {
background: #0C1828 !important;
background-color: #0C1828 !important;
color: #A8B7C8 !important;
border-bottom-color: #19304A !important;
}
html.vip-dark .woocommerce-orders-table tbody tr {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-orders-table tbody tr:hover {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
}
html.vip-dark .woocommerce-orders-table tbody td {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-MyAccount-content a {
color: var(--vip-accent) !important;
text-decoration-color: var(--vip-accent) !important;
}
html.vip-dark .woocommerce-orders-table td a {
color: var(--vip-accent) !important;
text-decoration: none !important;
}
html.vip-dark .woocommerce-orders-table td a:hover { color: var(--vip-accent-hover) !important; }
html.vip-dark .woocommerce-pagination .page-numbers li a,
html.vip-dark .woocommerce-pagination .page-numbers li span {
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-pagination .page-numbers li .current,
html.vip-dark .woocommerce-pagination .page-numbers .current {
background: var(--vip-accent) !important;
color: #060D18 !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark #wpsc-container,
html.vip-dark #wpsc-container .wpsc-shortcode-container,
html.vip-dark #wpsc-container .wpsc-body,
html.vip-dark #wpsc-container .wpsc-content,
html.vip-dark #wpsc-container .wpsc-main,
html.vip-dark #wpsc-container .wpsc-left,
html.vip-dark #wpsc-container .wpsc-right,
html.vip-dark #wpsc-container .wpsc-sidebar,
html.vip-dark #wpsc-container .wpsc-panel,
html.vip-dark #wpsc-container .wpsc-section,
html.vip-dark #wpsc-container .wpsc-wrapper,
html.vip-dark #wpsc-container .wpsc-card,
html.vip-dark #wpsc-container .wpsc-row {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #wpsc-container .wpsc-ticket-list-view,
html.vip-dark #wpsc-container .wpsc-ticket-list,
html.vip-dark #wpsc-container .wpsc-ticket-list-wrapper,
html.vip-dark #wpsc-container .wpsc-ticket-list-container,
html.vip-dark #wpsc-container table.wpsc-tickets-table,
html.vip-dark #wpsc-container table {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #wpsc-container .wpsc-ticket-row,
html.vip-dark #wpsc-container table tbody tr,
html.vip-dark #wpsc-container .wpsc-ticket-item {
background: transparent !important;
background-color: transparent !important;
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark #wpsc-container .wpsc-ticket-row:hover,
html.vip-dark #wpsc-container table tbody tr:hover {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
}
html.vip-dark #wpsc-container table thead tr,
html.vip-dark #wpsc-container table thead {
background: #0C1828 !important;
background-color: #0C1828 !important;
}
html.vip-dark #wpsc-container table thead th,
html.vip-dark #wpsc-container table thead td {
background: #0C1828 !important;
background-color: #0C1828 !important;
color: #A8B7C8 !important;
border-color: #19304A !important;
}
html.vip-dark #wpsc-container p,
html.vip-dark #wpsc-container span,
html.vip-dark #wpsc-container label,
html.vip-dark #wpsc-container td,
html.vip-dark #wpsc-container .wpsc-ticket-subject,
html.vip-dark #wpsc-container .wpsc-ticket-title,
html.vip-dark #wpsc-container .wpsc-ticket-id,
html.vip-dark #wpsc-container .wpsc-ticket-date,
html.vip-dark #wpsc-container .wpsc-ticket-from,
html.vip-dark #wpsc-container .wpsc-ticket-meta,
html.vip-dark #wpsc-container .wpsc-label {
color: var(--vip-ink) !important;
}
html.vip-dark #wpsc-container a {
color: var(--vip-accent) !important;
}
html.vip-dark #wpsc-container a:hover { color: var(--vip-accent-hover) !important; }
html.vip-dark #wpsc-container .wpsc-status,
html.vip-dark #wpsc-container .wpsc-status-open,
html.vip-dark #wpsc-container [class*="wpsc-status"],
html.vip-dark #wpsc-container [class*="status-open"],
html.vip-dark #wpsc-container [class*="status-closed"],
html.vip-dark #wpsc-container [class*="status-"] {
font-weight: 600 !important;
}
html.vip-dark #wpsc-container .wpsc-status-open   { background: rgba(77,163,255,0.15) !important; color: var(--vip-accent) !important; border-color: rgba(77,163,255,0.3) !important; }
html.vip-dark #wpsc-container .wpsc-status-closed { background: rgba(71,85,105,0.20) !important;  color: #94a3b8 !important;           border-color: rgba(71,85,105,0.35) !important; }
html.vip-dark #wpsc-container .wpsc-status-resolved { background: rgba(34,197,94,0.12) !important; color: #4ade80 !important;          border-color: rgba(34,197,94,0.25) !important; }
html.vip-dark #wpsc-container .wpsc-priority-high,
html.vip-dark #wpsc-container .wpsc-priority-urgent { background: rgba(239,68,68,0.12) !important; color: #f87171 !important;          border-color: rgba(239,68,68,0.25) !important; }
html.vip-dark #wpsc-container .wpsc-filter,
html.vip-dark #wpsc-container .wpsc-filter-row,
html.vip-dark #wpsc-container .wpsc-filter-bar,
html.vip-dark #wpsc-container .wpsc-search,
html.vip-dark #wpsc-container .wpsc-search-form,
html.vip-dark #wpsc-container .wpsc-search-bar,
html.vip-dark #wpsc-container .wpsc-top-bar,
html.vip-dark #wpsc-container .wpsc-toolbar {
background: #0C1828 !important;
background-color: #0C1828 !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #wpsc-container input[type="text"],
html.vip-dark #wpsc-container input[type="email"],
html.vip-dark #wpsc-container input[type="search"],
html.vip-dark #wpsc-container input[type="number"],
html.vip-dark #wpsc-container select,
html.vip-dark #wpsc-container textarea {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
border: 1px solid var(--vip-border) !important;
color: var(--vip-ink) !important;
border-radius: 6px !important;
}
html.vip-dark #wpsc-container input::placeholder,
html.vip-dark #wpsc-container textarea::placeholder { color: var(--vip-muted) !important; }
html.vip-dark #wpsc-container input:focus,
html.vip-dark #wpsc-container textarea:focus,
html.vip-dark #wpsc-container select:focus {
border-color: var(--vip-accent) !important;
outline: none !important;
box-shadow: 0 0 0 3px var(--vip-focus-ring) !important;
}
html.vip-dark #wpsc-container .wpsc-btn-primary,
html.vip-dark #wpsc-container .wpsc-btn-submit,
html.vip-dark #wpsc-container input[type="submit"],
html.vip-dark #wpsc-container button[type="submit"] {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark #wpsc-container .wpsc-btn-secondary,
html.vip-dark #wpsc-container .wpsc-btn-outline,
html.vip-dark #wpsc-container button:not([type="submit"]):not(.wpsc-btn-primary) {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border: 1px solid var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #wpsc-container select option {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #wpsc-container .wpsc-pagination,
html.vip-dark #wpsc-container .wpsc-pager {
background: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #wpsc-container .wpsc-pagination a,
html.vip-dark #wpsc-container .wpsc-pagination span,
html.vip-dark #wpsc-container .wpsc-pager a {
color: var(--vip-accent) !important;
border-color: var(--vip-border) !important;
background: var(--vip-surface-raised) !important;
}
html.vip-dark #wpsc-container .wpsc-pagination .active,
html.vip-dark #wpsc-container .wpsc-pagination .current {
background: var(--vip-accent) !important;
color: #060D18 !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark #wpsc-container .wpsc-empty,
html.vip-dark #wpsc-container .wpsc-no-tickets,
html.vip-dark #wpsc-container .wpsc-empty-state {
background: var(--vip-surface) !important;
color: var(--vip-muted) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #wpsc-container hr,
html.vip-dark #wpsc-container .wpsc-divider {
border-color: var(--vip-border) !important;
background: var(--vip-border) !important;
}
html.vip-dark #wpsc-container .wpsc-new-ticket-view,
html.vip-dark #wpsc-container .wpsc-create-ticket,
html.vip-dark #wpsc-container .wpsc-form {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .button,
html.vip-dark .vipc-shop-main ul.products li.product a.button,
html.vip-dark .vipc-shop-main ul.products li.product .add_to_cart_button {
background: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .button:hover,
html.vip-dark .vipc-shop-main ul.products li.product a.button:hover,
html.vip-dark .vipc-shop-main ul.products li.product .add_to_cart_button:hover {
background: var(--vip-accent-hover) !important;
}
html.vip-dark .woocommerce a.button,
html.vip-dark .woocommerce button.button,
html.vip-dark .woocommerce input.button,
html.vip-dark .woocommerce #respond input#submit {
background: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark .woocommerce a.button:hover,
html.vip-dark .woocommerce button.button:hover,
html.vip-dark .woocommerce input.button:hover,
html.vip-dark .woocommerce #respond input#submit:hover {
background: var(--vip-accent-hover) !important;
color: #fff !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .ast-shop-product-btn,
html.vip-dark .vipc-shop-main ul.products li.product .astra-shop-product-btn,
html.vip-dark .vipc-shop-main ul.products li.product .ast-woo-quick-view-btn,
html.vip-dark ul.products li.product .ast-shop-product-btn {
background: var(--vip-surface-raised) !important;
color: var(--vip-accent) !important;
border: 1.5px solid var(--vip-border) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .ast-shop-product-btn:hover,
html.vip-dark .vipc-shop-main ul.products li.product .astra-shop-product-btn:hover,
html.vip-dark .vipc-shop-main ul.products li.product .ast-woo-quick-view-btn:hover,
html.vip-dark ul.products li.product .ast-shop-product-btn:hover {
background: var(--vip-accent) !important;
color: #fff !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .onsale,
html.vip-dark .woocommerce ul.products li.product .onsale,
html.vip-dark .woocommerce span.onsale {
background: linear-gradient(135deg, var(--vip-accent) 0%, var(--vip-accent-hover) 100%) !important;
color: #fff !important;
}
html.vip-dark .woocommerce-ordering select,
html.vip-dark .woocommerce-ordering .orderby {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371849A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 16px !important;
}
html.vip-dark .woocommerce-ordering select:focus,
html.vip-dark .woocommerce-ordering .orderby:focus {
border-color: var(--vip-accent) !important;
box-shadow: 0 0 0 3px rgba(77,163,255,0.12) !important;
}
html.vip-dark .vipc-sort-select {
background-color: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371849A' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 14px !important;
}
html.vip-dark .vipc-sort-select:focus {
border-color: var(--vip-accent) !important;
box-shadow: 0 0 0 3px rgba(77,163,255,0.12) !important;
}
html.vip-dark .vipc-shop-sidebar,
html.vip-dark .vipc-filter-sidebar {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-filter-group {
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .vipc-filter-group__body {
background: var(--vip-surface) !important;
}
html.vip-dark .vipc-filter-check__box {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-filter-check:hover .vipc-filter-check__box {
border-color: var(--vip-accent) !important;
}
html.vip-dark .vipc-filter-check.is-active .vipc-filter-check__box {
background: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .vipc-filter-check__label {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-filter-check.is-active .vipc-filter-check__label {
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-filter-check__count {
color: var(--vip-muted) !important;
}
html.vip-dark .vipc-active-tag {
background: rgba(77,163,255,0.12) !important;
color: var(--vip-accent) !important;
border-color: rgba(77,163,255,0.25) !important;
}
html.vip-dark .vipc-active-tag:hover {
background: rgba(77,163,255,0.20) !important;
}
html.vip-dark .vipc-filter-toggle {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-filter-toggle:hover {
border-color: var(--vip-accent) !important;
color: var(--vip-accent) !important;
background: rgba(77,163,255,0.10) !important;
}
html.vip-dark .vipc-shop-topbar {
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce div.product form.cart .qty {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce div.product .woocommerce-product-details__short-description,
html.vip-dark .woocommerce div.product .woocommerce-product-details__short-description p,
html.vip-dark .woocommerce div.product .woocommerce-product-details__short-description li,
html.vip-dark .woocommerce-tabs .panel p,
html.vip-dark .woocommerce-tabs .panel li,
html.vip-dark .woocommerce-tabs .panel h1,
html.vip-dark .woocommerce-tabs .panel h2,
html.vip-dark .woocommerce-tabs .panel h3,
html.vip-dark .woocommerce-tabs .panel h4,
html.vip-dark .woocommerce div.product .entry-content p,
html.vip-dark .woocommerce div.product .entry-content li {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce div.product .entry-summary,
html.vip-dark .woocommerce div.product .entry-summary * {
color: var(--vip-ink);
}
html.vip-dark .related.products,
html.vip-dark .up-sells.products {
background: transparent !important;
}
html.vip-dark .related.products h2,
html.vip-dark .up-sells.products h2 {
color: var(--vip-ink) !important;
}
html.vip-dark .related ul.products li.product,
html.vip-dark .up-sells ul.products li.product {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .related ul.products li.product .woocommerce-loop-product__title,
html.vip-dark .up-sells ul.products li.product .woocommerce-loop-product__title,
html.vip-dark .related ul.products li.product h2,
html.vip-dark .up-sells ul.products li.product h2 {
color: var(--vip-ink) !important;
}
html.vip-dark .related ul.products li.product .price,
html.vip-dark .up-sells ul.products li.product .price,
html.vip-dark .related ul.products li.product .price .woocommerce-Price-amount,
html.vip-dark .up-sells ul.products li.product .price .woocommerce-Price-amount {
color: var(--vip-ink) !important;
}
html.vip-dark .related ul.products li.product .price del,
html.vip-dark .up-sells ul.products li.product .price del {
color: var(--vip-muted) !important;
}
html.vip-dark .related ul.products li.product .button,
html.vip-dark .up-sells ul.products li.product .button {
background: var(--vip-accent) !important;
color: #fff !important;
border: none !important;
}
html.vip-dark .related ul.products li.product .button:hover,
html.vip-dark .up-sells ul.products li.product .button:hover {
background: var(--vip-accent-hover) !important;
}
html.vip-dark .woocommerce #reviews,
html.vip-dark .woocommerce-product-reviews {
background: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark #reviews .woocommerce-Reviews-title,
html.vip-dark #reviews h2 {
color: var(--vip-ink) !important;
}
html.vip-dark #reviews .comment-list .comment,
html.vip-dark #reviews .comment-list li,
html.vip-dark #reviews .comment-list article {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #reviews .comment-text,
html.vip-dark #reviews .description,
html.vip-dark #reviews .comment-content p {
color: var(--vip-ink) !important;
}
html.vip-dark #reviews .woocommerce-review__author {
color: var(--vip-ink) !important;
}
html.vip-dark #reviews .woocommerce-review__dash,
html.vip-dark #reviews .woocommerce-review__published-date {
color: var(--vip-muted) !important;
}
html.vip-dark #reviews #respond,
html.vip-dark #review_form,
html.vip-dark #review_form_wrapper {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 12px !important;
padding: 20px !important;
color: var(--vip-ink) !important;
}
html.vip-dark #review_form #respond {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
html.vip-dark #reviews .comment-reply-title,
html.vip-dark #review_form .comment-reply-title {
color: var(--vip-ink) !important;
}
html.vip-dark #reviews label,
html.vip-dark #review_form label {
color: var(--vip-ink) !important;
}
html.vip-dark #reviews input[type="text"],
html.vip-dark #reviews input[type="email"],
html.vip-dark #reviews textarea,
html.vip-dark #review_form input[type="text"],
html.vip-dark #review_form input[type="email"],
html.vip-dark #review_form textarea {
background: var(--vip-bg) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 8px !important;
color: var(--vip-ink) !important;
}
html.vip-dark #reviews input[type="text"]::placeholder,
html.vip-dark #reviews input[type="email"]::placeholder,
html.vip-dark #reviews textarea::placeholder,
html.vip-dark #review_form input[type="text"]::placeholder,
html.vip-dark #review_form input[type="email"]::placeholder,
html.vip-dark #review_form textarea::placeholder {
color: var(--vip-muted) !important;
}
html.vip-dark #reviews input[type="submit"],
html.vip-dark #reviews #submit,
html.vip-dark #review_form input[type="submit"],
html.vip-dark #review_form #submit {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark #reviews input[type="submit"]:hover,
html.vip-dark #reviews #submit:hover,
html.vip-dark #review_form input[type="submit"]:hover,
html.vip-dark #review_form #submit:hover {
background: var(--vip-accent-hover) !important;
background-color: var(--vip-accent-hover) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce div.product .summary,
html.vip-dark .woocommerce div.product div.summary {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce div.product .summary .price,
html.vip-dark .woocommerce div.product .summary .price .woocommerce-Price-amount {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce div.product .product_title {
color: var(--vip-ink) !important;
}
html.vip-dark span.onsale,
html.vip-dark .onsale,
html.vip-dark .woocommerce span.onsale,
html.vip-dark .woocommerce .onsale,
html.vip-dark .woocommerce ul.products li.product span.onsale,
html.vip-dark .vipc-shop-main span.onsale,
html.vip-dark .vipc-shop-main .onsale,
html.vip-dark li.product span.onsale {
background: #4DA3FF !important;
background-color: #4DA3FF !important;
background-image: none !important;
color: #fff !important;
border: none !important;
box-shadow: none !important;
}
html.vip-dark .vipc-filter-check__box {
background: var(--vip-bg) !important;
background-color: #060D18 !important;
border: 1.5px solid var(--vip-border) !important;
}
html.vip-dark .vipc-filter-check:hover .vipc-filter-check__box {
border-color: var(--vip-accent) !important;
background-color: #060D18 !important;
}
html.vip-dark .vipc-filter-check.is-active .vipc-filter-check__box {
background: #4DA3FF !important;
background-color: #4DA3FF !important;
border-color: #4DA3FF !important;
}
.vipc-shop-main ul.products li.product .ast-shop-product-btn,
.vipc-shop-main ul.products li.product .astra-shop-product-btn,
.vipc-shop-main ul.products li.product .ast-woo-quick-view-btn,
ul.products li.product .ast-shop-product-btn {
width: 34px !important;
height: 34px !important;
padding: 7px !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .ast-shop-product-btn,
html.vip-dark .vipc-shop-main ul.products li.product .astra-shop-product-btn,
html.vip-dark .vipc-shop-main ul.products li.product .ast-woo-quick-view-btn,
html.vip-dark ul.products li.product .ast-shop-product-btn {
background: rgba(6, 13, 24, 0.72) !important;
color: #71849A !important;
border: 1px solid #19304A !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product .ast-shop-product-btn:hover,
html.vip-dark .vipc-shop-main ul.products li.product .astra-shop-product-btn:hover,
html.vip-dark ul.products li.product .ast-shop-product-btn:hover {
background: #4DA3FF !important;
color: #fff !important;
border-color: #4DA3FF !important;
}
html.vip-dark #review_form_wrapper {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
html.vip-dark #reviews #respond,
html.vip-dark #review_form #respond,
html.vip-dark .comment-respond {
background: var(--vip-surface) !important;
background-color: #0C1828 !important;
border: 1px solid #19304A !important;
border-radius: 12px !important;
padding: 24px !important;
}
html.vip-dark body.single-vip_collection .site-content,
html.vip-dark body.single-vip_collection #content,
html.vip-dark body.single-vip_collection #primary,
html.vip-dark body.single-vip_collection .content-area,
html.vip-dark body.single-vip_collection #main,
html.vip-dark body.single-vip_collection .site-main,
html.vip-dark body.single-vip_collection .ast-container,
html.vip-dark body.single-vip_collection article.hentry,
html.vip-dark body.single-vip_collection .ast-article-post,
html.vip-dark body.single-vip_collection .ast-article-single,
html.vip-dark body.single-vip_collection .ast-separate-container-inner {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark body.single-vip_collection .entry-content {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection .woocommerce,
html.vip-dark body.single-vip_collection .woocommerce div.product {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection h1,
html.vip-dark body.single-vip_collection h2,
html.vip-dark body.single-vip_collection h3,
html.vip-dark body.single-vip_collection h4,
html.vip-dark body.single-vip_collection .entry-title,
html.vip-dark body.single-vip_collection .product_title {
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection p,
html.vip-dark body.single-vip_collection li,
html.vip-dark body.single-vip_collection span:not(.vipc-rev-real-badge):not(.onsale) {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-previews-panel {
background: transparent !important;
}
html.vip-dark .vipc-reviews-wrap {
background: transparent !important;
}
html.vip-dark .vipc-related-wrap {
background: transparent !important;
}
html.vip-dark .vipc-related-thumb {
background: var(--vip-surface-raised) !important;
}
html.vip-dark body.single-vip_collection .woocommerce-product-gallery,
html.vip-dark body.single-vip_collection .woocommerce-product-gallery__wrapper,
html.vip-dark body.single-vip_collection .flex-viewport {
background: transparent !important;
}
html.vip-dark body.single-vip_collection .summary {
background: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection .entry-summary {
background: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection .woocommerce-product-details__short-description,
html.vip-dark body.single-vip_collection .woocommerce-product-details__short-description p {
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection .price,
html.vip-dark body.single-vip_collection .woocommerce-Price-amount {
color: var(--vip-ink) !important;
}
html.vip-dark.woocommerce-shop .site-content,
html.vip-dark.woocommerce-shop #content,
html.vip-dark.woocommerce-shop #primary,
html.vip-dark.woocommerce-shop .content-area,
html.vip-dark.woocommerce-shop #main,
html.vip-dark.woocommerce-shop .site-main,
html.vip-dark.woocommerce-shop .ast-container,
html.vip-dark.woocommerce-shop article.hentry,
html.vip-dark.woocommerce-shop .ast-article-post,
html.vip-dark.woocommerce-shop .ast-article-single,
html.vip-dark.woocommerce-shop .ast-separate-container-inner {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark.woocommerce-shop .woocommerce,
html.vip-dark.woocommerce-shop .woocommerce-page {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product,
html.vip-dark.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
html.vip-dark.woocommerce-shop ul.products li.product .price,
html.vip-dark.woocommerce-shop ul.products li.product .woocommerce-Price-amount {
background: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product .button,
html.vip-dark.woocommerce-shop ul.products li.product a.add_to_cart_button,
html.vip-dark.woocommerce-shop ul.products li.product .ast-shop-product-btn {
background: var(--vip-accent) !important;
color: #fff !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product .button:hover,
html.vip-dark.woocommerce-shop ul.products li.product a.add_to_cart_button:hover,
html.vip-dark.woocommerce-shop ul.products li.product .ast-shop-product-btn:hover {
background: var(--vip-accent-hover) !important;
border-color: var(--vip-accent-hover) !important;
}
html.vip-dark.woocommerce-shop span.onsale {
background: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark.woocommerce-shop .woocommerce-ordering select,
html.vip-dark.woocommerce-shop .woocommerce-result-count {
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .nav-cards > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='9' height='9' rx='1'/%3E%3Crect x='13' y='2' width='9' height='9' rx='1'/%3E%3Crect x='2' y='13' width='9' height='9' rx='1'/%3E%3Crect x='13' y='13' width='9' height='9' rx='1'/%3E%3C/svg%3E") !important;
}
html.vip-dark .nav-vip > a::before,
html.vip-dark .menu-item-vip > a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M11 3 8 9l4 12 4-12-3-6'/%3E%3Cline x1='2' y1='9' x2='22' y2='9'/%3E%3C/svg%3E") !important;
}
html.vip-dark #page span.onsale,
html.vip-dark #page .onsale {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
color: #fff !important;
border: none !important;
}
html.vip-dark ul.products li.product {
border-color: var(--vip-border) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product .ast-shop-product-btn {
background: rgba(6,13,24,0.72) !important;
color: #71849A !important;
border: 1px solid #19304A !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product .ast-shop-product-btn:hover {
background: #4DA3FF !important;
color: #fff !important;
border-color: #4DA3FF !important;
}
html.vip-dark body.single-vip_collection article {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-filter-group__head,
html.vip-dark button.vipc-filter-group__head {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vipc-filter-group__head:hover,
html.vip-dark button.vipc-filter-group__head:hover {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-accent) !important;
}
html.vip-dark .woocommerce-tabs,
html.vip-dark .woocommerce div.product .woocommerce-tabs {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .woocommerce-tabs .panel,
html.vip-dark .woocommerce div.product .woocommerce-tabs .panel {
background: transparent !important;
background-color: transparent !important;
border-top: 1px solid var(--vip-border) !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
html.vip-dark .related ul.products li.product {
border-color: var(--vip-border) !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
html.vip-dark .related ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 10px 28px rgba(0,0,0,0.45) !important;
border-color: var(--vip-border-strong) !important;
}
html.vip-dark #page .related ul.products li.product h2,
html.vip-dark #page .related ul.products li.product .woocommerce-loop-product__title {
color: var(--vip-ink) !important;
}
html.vip-dark .related ul.products li.product .price ins,
html.vip-dark .related ul.products li.product .price ins .woocommerce-Price-amount,
html.vip-dark .related ul.products li.product .price ins bdi {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-auto-gallery {
border-top-color: var(--vip-border) !important;
}
html.vip-dark .ast-onsale-card {
background: var(--vip-accent) !important;
color: #fff !important;
border: none !important;
}
html.vip-dark .astra-shop-thumbnail-wrap {
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-shop-main ul.products li.product:hover {
box-shadow: 0 8px 24px rgba(0,0,0,0.45) !important;
border-color: var(--vip-border-strong) !important;
}
html.vip-dark .vipc-shop-sidebar,
html.vip-dark .vipc-filter-sidebar {
background: var(--vip-bg) !important;
}
html.vip-dark.woocommerce-shop body {
background: var(--vip-bg) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product a.ast-on-card-button.ast-select-options-trigger:not(.ast-onsale-card) {
background: rgba(6, 13, 24, 0.72) !important;
border: 1px solid rgba(25, 48, 74, 0.55) !important;
color: #F1F5F9 !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
}
html.vip-dark.woocommerce-shop ul.products li.product a.ast-on-card-button.ast-select-options-trigger:not(.ast-onsale-card):hover {
background: rgba(77, 163, 255, 0.18) !important;
border-color: var(--vip-accent) !important;
color: #F1F5F9 !important;
}
html.vip-dark.woocommerce-shop .vipc-filter-group__body {
background: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark.woocommerce-shop .vipc-filter-group__body label,
html.vip-dark.woocommerce-shop .vipc-filter-check__label {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-shop-sidebar .vipc-filter-check__label,
html.vip-dark .vipc-filter-sidebar .vipc-filter-check__label,
html.vip-dark .vipc-filter-group__body .vipc-filter-check__label {
color: #F1F5F9 !important;
}
html.vip-dark body {
background: var(--vip-bg) !important;
}
html.vip-dark .vipc-wrap {
background: var(--vip-bg) !important;
}
html.vip-dark .vipc-heading {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-card__title {
color: var(--vip-text-secondary) !important;
}
html.vip-dark .vipc-card__price {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-card__img-wrap {
background: var(--vip-surface-raised) !important;
}
html.vip-dark .vipc-card__no-img {
background: var(--vip-surface-raised) !important;
}
html.vip-dark .vipc-card__sales {
color: var(--vip-muted) !important;
}
html.vip-dark .vipc-browse {
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-browse:hover {
color: var(--vip-accent-hover) !important;
}
html.vip-dark .vipc-arrow {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-arrow:hover {
background: var(--vip-accent) !important;
color: #fff !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .main-header-bar-navigation ul > li > a::after,
html.vip-dark .main-header-bar-navigation .menu-item > a::after {
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .main-header-bar-navigation li.current-menu-item > a::after {
background-color: var(--vip-accent) !important;
border-bottom-color: var(--vip-accent) !important;
}
html.vip-dark .woocommerce-tabs,
html.vip-dark .woocommerce div.product .woocommerce-tabs {
background: transparent !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs,
html.vip-dark .woocommerce div.product .wc-tabs {
background: transparent !important;
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li,
html.vip-dark .woocommerce div.product .wc-tabs li {
background: transparent !important;
border-color: transparent !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li.active,
html.vip-dark .woocommerce-tabs .wc-tabs li.active a,
html.vip-dark .woocommerce div.product .wc-tabs li.active a {
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
border-bottom-color: var(--vip-surface) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li a,
html.vip-dark .woocommerce div.product .wc-tabs li a {
color: var(--vip-muted) !important;
background: transparent !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li.active a {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-tabs .panel,
html.vip-dark .woocommerce div.product .woocommerce-tabs .panel {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-top: none !important;
color: var(--vip-ink) !important;
box-shadow: none !important;
}
html.vip-dark .vip-card__photo-badge {
background: rgba(6, 13, 24, 0.82) !important;
border-color: rgba(25, 48, 74, 0.70) !important;
color: var(--vip-muted) !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
}
html.vip-dark .vip-meta-bar__item {
color: var(--vip-muted) !important;
}
html.vip-dark .vip-meta-bar__item strong {
color: var(--vip-text-secondary) !important;
}
html.vip-dark .vip-meta-bar__item span {
color: var(--vip-muted) !important;
}
html.vip-dark .vip-meta-bar__sep {
background: var(--vip-border) !important;
background-color: var(--vip-border) !important;
}
html.vip-dark .vip-meta-bar {
background: transparent !important;
background-color: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-shop-sidebar .vipc-filter-group__body,
html.vip-dark .vipc-filter-sidebar .vipc-filter-group__body,
html.vip-dark .vipc-filter-group[data-open="1"] > .vipc-filter-group__body {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
}
html.vip-dark .vipc-shop-sidebar .vipc-filter-group[data-open="1"] .vipc-filter-group__head,
html.vip-dark .vipc-filter-sidebar .vipc-filter-group[data-open="1"] .vipc-filter-group__head,
html.vip-dark button.vipc-filter-group__head[aria-expanded="true"] {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark ul.products li.product .ast-on-card-button:not(.ast-onsale-card),
html.vip-dark ul.products li.product a.ast-on-card-button:not(.ast-onsale-card) {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border: 1px solid var(--vip-border) !important;
color: var(--vip-ink) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
}
html.vip-dark ul.products li.product .ast-on-card-button:not(.ast-onsale-card):hover,
html.vip-dark ul.products li.product a.ast-on-card-button:not(.ast-onsale-card):hover {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark .woocommerce-tabs .panel,
html.vip-dark .woocommerce div.product .woocommerce-tabs .panel {
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-top: 1px solid var(--vip-border) !important;
box-shadow: none !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li.active,
html.vip-dark .woocommerce div.product .wc-tabs li.active {
border-bottom-color: var(--vip-bg) !important;
}
html.vip-dark .woocommerce-tabs .wc-tabs li.active a,
html.vip-dark .woocommerce div.product .wc-tabs li.active a {
border-bottom-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-related-wrap h2,
html.vip-dark .vipc-related-wrap h3 {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-related-wrap > div > a {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-related-wrap > div > a:hover {
border-color: var(--vip-accent) !important;
}
html.vip-dark .vipc-related-wrap > div > a > div {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
}
html.vip-dark .vipc-related-wrap > div > a > div > div {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-related-wrap > div > a > div > div + div {
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-related-wrap > div > a > img {
background: var(--vip-surface-raised) !important;
}
html.vip-dark article.type-vip_collection,
html.vip-dark article.type-vip_collection .entry-content,
html.vip-dark article.type-vip_collection .entry-header,
html.vip-dark .single-vip_collection .ast-article-single,
html.vip-dark .single-vip_collection .ast-separate-container-inner,
html.vip-dark .single-vip_collection .site-main > article,
html.vip-dark .single-vip_collection #primary {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-hero__thumb,
html.vip-dark .vipc-mosaic__cell {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-feat-wrap {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-hero__title,
html.vip-dark .vipc-hero__desc,
html.vip-dark .vipc-hero__meta {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-collection-wrap,
html.vip-dark .vipc-collection-content,
html.vip-dark .vipc-single-wrap {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .main-header-bar .custom-logo-link img,
html.vip-dark header#masthead .custom-logo-link img,
html.vip-dark #masthead .custom-logo-link img,
html.vip-dark .ast-site-header-wrap .custom-logo-link img,
html.vip-dark .ast-header-site-identity .custom-logo-link img,
html.vip-dark .site-header-focus-item.site-header-logo .custom-logo-link img,
html.vip-dark .ast-builder-grid-row .custom-logo-link img,
html.vip-dark .ast-masthead-custom-menu-items .custom-logo-link img,
html.vip-dark .ast-site-identity-container .custom-logo-link img,
html.vip-dark .ast-mobile-header-wrap .custom-logo-link img,
html.vip-dark .ast-mobile-header-wrap .custom-logo img,
html.vip-dark #vip-mob-logo img,
html.vip-dark .vip-mobile-bar .custom-logo-link img,
html.vip-dark .vip-mobile-bar img.custom-logo {
content: url(https://winshub.net/wp-content/uploads/2026/10/winhub-logo-dark.png) !important;
filter: none !important;
}
html.vip-dark img.custom-logo,
html.vip-dark .custom-logo-link img,
html.vip-dark #vip-sidebar .custom-logo-link img,
html.vip-dark #vip-sidebar-head .custom-logo-link img,
html.vip-dark #vip-sidebar-logo img,
html.vip-dark .vip-sidebar .custom-logo-link img {
content: url(https://winshub.net/wp-content/uploads/2026/10/winhub-logo-dark.png) !important;
filter: none !important;
}
html.vip-dark.woocommerce-shop .vipc-filter-group__body {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vipc-shop-sidebar .widget,
html.vip-dark .vipc-filter-sidebar .widget {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vipc-shop-sidebar *,
html.vip-dark .vipc-filter-sidebar * {
--widget-bg: var(--vip-surface);
}
html.vip-dark .vipc-badge-row .vip-content-badge {
background: rgba(77, 163, 255, 0.10) !important;
color: var(--vip-accent) !important;
border-color: var(--vip-border) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
html.vip-dark .vipc-preview-cell {
background: var(--vip-surface-raised) !important;
}
html.vip-dark .vipc-previews-title {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-previews-count {
color: var(--vip-muted) !important;
}
html.vip-dark .vipc-previews-header {
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-preview-lock {
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 8px !important;
}
html.vip-dark .vipc-preview-lock *:not(svg):not(svg *) {
color: #ffffff !important;
}
html.vip-dark .vipc-preview-lock svg,
html.vip-dark .vipc-preview-lock svg * {
color: var(--vip-accent) !important;
stroke: var(--vip-accent) !important;
}
html.vip-dark .vipc-media-section {
background: transparent !important;
}
html.vip-dark {
--vip-bg-surface: var(--vip-surface) !important;
--vip-bg-elevated: var(--vip-surface-raised) !important;
--vip-bg-page: var(--vip-bg) !important;
--vip-bg-input: var(--vip-surface-raised) !important;
--vip-border-deep: var(--vip-border) !important;
}
html.vip-dark .vip-unlock-box,
html.vip-dark .vip-membership-box {
background: transparent !important;
background-color: transparent !important;
border-color: var(--vip-border) !important;
border-top-color: var(--vip-accent) !important;
box-shadow: none !important;
}
html.vip-dark .vip-download-panel {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vip-content-badge {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vip-unlock-box__icon {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-media-section {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vipc-share-wrap {
background: transparent !important;
background-color: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-share-wrap .vipc-share-label {
color: var(--vip-accent) !important;
}
html.vip-dark .comment-respond {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vip-unlock-box__icon svg {
stroke: var(--vip-accent) !important;
}
html.vip-dark .vip-unlock-box__label {
color: var(--vip-muted) !important;
}
html.vip-dark .vip-unlock-box__title {
color: var(--vip-ink) !important;
}
html.vip-dark .vip-unlock-box__cost-line,
html.vip-dark .vip-unlock-box__status,
html.vip-dark .vip-unlock-box__balance {
color: var(--vip-text-secondary) !important;
}
html.vip-dark .vip-unlock-box__insufficient {
color: var(--vip-ink) !important;
}
html.vip-dark .vip-progress-bar {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
}
html.vip-dark .vip-progress-bar__fill {
background: linear-gradient(90deg, var(--vip-accent), var(--vip-accent-hover)) !important;
}
html.vip-dark .vip-download-panel {
background: transparent !important;
}
html.vip-dark .vip-download-btn,
html.vip-dark body .vip-download-btn,
html.vip-dark body a.vip-download-btn {
background: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #ffffff !important;
}
html.vip-dark .vip-download-btn *,
html.vip-dark body .vip-download-btn * {
color: #ffffff !important;
}
html.vip-dark .vip-download-btn:hover,
html.vip-dark body .vip-download-btn:hover {
background: var(--vip-accent-hover) !important;
border-color: var(--vip-accent-hover) !important;
color: #ffffff !important;
}
html.vip-dark #masthead,
html.vip-dark .main-header-bar,
html.vip-dark .ast-sticky-active .main-header-bar {
box-shadow: none !important;
}
html.vip-dark .main-header-bar-navigation ul li a {
color: var(--vip-ink) !important;
letter-spacing: 0.03em !important;
font-weight: 600 !important;
opacity: 1 !important;
}
html.vip-dark .main-header-bar-navigation ul li a:hover {
color: var(--vip-accent) !important;
opacity: 1 !important;
}
html.vip-dark .main-header-bar-navigation ul li.current-menu-item > a,
html.vip-dark .main-header-bar-navigation ul li.current-page-ancestor > a,
html.vip-dark .main-header-bar-navigation ul li.current-menu-ancestor > a,
html.vip-dark .main-header-bar-navigation ul li.current-menu-parent > a {
color: var(--vip-accent) !important;
font-weight: 600 !important;
opacity: 1 !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu,
html.vip-dark .ast-desktop-header .sub-menu,
html.vip-dark .main-header-bar-navigation ul.sub-menu {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 10px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32) !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li a,
html.vip-dark .ast-desktop-header .sub-menu li a {
color: var(--vip-text-secondary) !important;
background: transparent !important;
background-color: transparent !important;
font-weight: 400 !important;
letter-spacing: normal !important;
opacity: 1 !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li a:hover,
html.vip-dark .ast-desktop-header .sub-menu li a:hover {
color: var(--vip-accent) !important;
background: rgba(77, 163, 255, 0.08) !important;
background-color: rgba(77, 163, 255, 0.08) !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li {
border-bottom-color: var(--vip-border) !important;
}
.vip-bnav__item--center {
padding: 8px 4px !important;
min-width: 46px !important;
border-radius: 18px !important;
transform: translateY(-4px) !important;
}
.vip-bnav__item--center svg {
width: 20px !important;
height: 20px !important;
}
.epcl-toggle,
div.epcl-toggle,
.epcl_toggle_wrap,
.epcl_toggle_container {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
overflow: visible !important;
}
.epcl-toggle-title,
.epcl-toggle .toggle-label,
.epcl-toggle .toggle-header,
.epcl_toggle_title,
.epcl_toggle_header {
display: block !important;
cursor: pointer !important;
visibility: visible !important;
pointer-events: auto !important;
}
.epcl-toggle-content,
.epcl-toggle .toggle-body,
.epcl-toggle .toggle-content,
.epcl_toggle_body,
.epcl_toggle_content {
overflow: hidden !important;
}
html.vip-dark .epcl-toggle,
html.vip-dark .epcl_toggle_container,
html.vip-dark .epcl_toggle_wrap {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 10px !important;
}
html.vip-dark .epcl-toggle-title,
html.vip-dark .epcl-toggle .toggle-label,
html.vip-dark .epcl-toggle .toggle-header,
html.vip-dark .epcl_toggle_title,
html.vip-dark .epcl_toggle_header {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .epcl-toggle-content,
html.vip-dark .epcl-toggle .toggle-body,
html.vip-dark .epcl-toggle .toggle-content,
html.vip-dark .epcl_toggle_body,
html.vip-dark .epcl_toggle_content {
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .epcl-toggle-content *,
html.vip-dark .epcl-toggle .toggle-body *,
html.vip-dark .epcl-toggle .toggle-content *,
html.vip-dark .epcl_toggle_body *,
html.vip-dark .epcl_toggle_content * {
color: var(--vip-ink) !important;
}
html.vip-dark .epcl-toggle-content a,
html.vip-dark .epcl-toggle .toggle-content a,
html.vip-dark .epcl_toggle_content a {
color: var(--vip-accent) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group.has-background,
html.vip-dark body.single-vip_collection .entry-content .has-white-background-color,
html.vip-dark body.single-vip_collection .entry-content .has-base-background-color,
html.vip-dark body.single-vip_collection .entry-content .has-background {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group__inner-container {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group p,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group li,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h2,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h3,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h4,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group span,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group td,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group th {
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group a {
color: var(--vip-accent) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-table,
html.vip-dark body.single-vip_collection .entry-content .wp-block-table table,
html.vip-dark body.single-vip_collection .entry-content .wp-block-table th,
html.vip-dark body.single-vip_collection .entry-content .wp-block-table td {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-columns,
html.vip-dark body.single-vip_collection .entry-content .wp-block-column {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-separator {
border-color: var(--vip-border) !important;
background: var(--vip-border) !important;
}
body.home.page .entry-title,
body.home.page .entry-header .entry-title,
body.home.page .ast-post-title-wrap,
body.home.page .entry-header.ast-no-thumbnail {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
.main-header-bar-navigation a {
position: relative;
}
.main-header-bar-navigation a::after {
content: '';
position: absolute;
bottom: -1px;
left: 16px;
right: 16px;
height: 2px;
background: #16181c;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.25s ease;
}
.main-header-bar-navigation a:hover::after {
transform: scaleX(1);
}
.main-header-bar-navigation a,
.main-header-bar-navigation a:focus,
.main-header-bar-navigation a:active,
.main-header-bar-navigation li.current-menu-item > a {
outline: none !important;
border: none !important;
box-shadow: none !important;
}
.main-header-bar-navigation li.current-menu-item > a::before,
.main-header-bar-navigation li.current-menu-item > a::after {
display: none !important;
}
.main-header-bar-navigation li.current-menu-item > a::after {
transform: scaleX(1) !important;
display: block !important;
background: #16181c;
}
html.vip-dark .main-header-bar-navigation li.current-menu-item > a::after {
background: var(--vip-accent) !important;
transform: scaleX(1) !important;
display: block !important;
}
html.vip-dark .main-header-bar-navigation a::after {
background: var(--vip-accent) !important;
}
.main-header-bar-navigation a:focus-visible {
outline: 2px solid #16181c;
outline-offset: 3px;
border-radius: 999px;
}
.main-header-bar .ast-container {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
}
.ast-site-identity {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.main-header-bar-navigation {
margin-top: 0 !important;
padding-top: 0 !important;
}
.home #content,
.home .site-content,
.home .content-area {
padding-top: 0 !important;
margin-top: 0 !important;
}
.home .ast-article-single {
padding-top: 20px !important;
}
.vip-card__image-wrap {
overflow: hidden;
position: relative;
}
.vip-card__image {
transition: transform 0.38s cubic-bezier(0.4,0,0.2,1);
display: block;
width: 100%;
position: relative;
z-index: 1;
will-change: transform;
}
.vip-card:hover .vip-card__image {
transform: scale(1.055);
}
@keyframes vipCardIn {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: translateY(0); }
}
.vip-card-grid .vip-card {
animation: vipCardIn 0.46s cubic-bezier(0,0,0.2,1) both;
}
.vip-card-grid .vip-card:nth-child(1)  { animation-delay: 0.04s; }
.vip-card-grid .vip-card:nth-child(2)  { animation-delay: 0.09s; }
.vip-card-grid .vip-card:nth-child(3)  { animation-delay: 0.14s; }
.vip-card-grid .vip-card:nth-child(4)  { animation-delay: 0.19s; }
.vip-card-grid .vip-card:nth-child(5)  { animation-delay: 0.24s; }
.vip-card-grid .vip-card:nth-child(6)  { animation-delay: 0.29s; }
.vip-card-grid .vip-card:nth-child(n+7) { animation-delay: 0.32s; }
.vip-card__title {
position: relative;
display: inline-block;
width: 100%;
transition: transform 0.34s cubic-bezier(0.4,0,0.2,1), opacity 0.34s ease;
}
.vip-card:hover .vip-card__title {
opacity: 1;
}
.vip-live-search-bar__input:focus {
border-color: #16181c !important;
box-shadow: 0 0 0 3px rgba(22, 24, 28, 0.08) !important;
}
.vip-live-search-bar__sport:focus {
border-color: #16181c !important;
box-shadow: 0 0 0 3px rgba(22, 24, 28, 0.08) !important;
outline: none !important;
}
@keyframes vipFadeIn {
from { opacity: 0; }
to   { opacity: 1; }
}
.vip-live-search-wrap {
animation: vipFadeIn 0.5s ease 0.1s both;
}
.vip-live-search-count {
animation: vipFadeIn 0.3s ease;
}
@keyframes vipPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(22, 24, 28, 0.15); }
50%       { box-shadow: 0 0 0 6px rgba(22, 24, 28, 0); }
}
.vip-live-search-more {
animation: vipPulse 2.4s ease 1.5s infinite;
}
.vip-live-search-more:hover {
animation: none;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }
.vip-card__image-wrap::before {
content: '';
display: block;
background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: vipSkeleton 1.4s ease infinite;
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
}
@keyframes vipSkeleton {
from { background-position: 200% 0; }
to   { background-position: -200% 0; }
}
html.vip-dark .vip-card__image-wrap::before {
background: linear-gradient(90deg, var(--vip-surface) 25%, var(--vip-surface-raised) 50%, var(--vip-surface) 75%);
}
.vip-filter-pill,
.vip-sort-btn {
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.vip-card__photo-badge {
z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
.vip-card__image,
.vip-card__title,
.vip-card-grid .vip-card,
.vip-live-search-wrap,
.vip-live-search-more,
.vip-card__image-wrap::before {
animation: none !important;
transition-duration: 0.01ms !important;
transition-delay: 0ms !important;
}
.main-header-bar-navigation > ul > li > a::after,
.custom-logo-link {
transition-duration: 0.01ms !important;
}
}
html.vip-dark #masthead,
html.vip-dark .site-header,
html.vip-dark .main-header-bar,
html.vip-dark .ast-primary-header-bar,
html.vip-dark .ast-above-header-wrap,
html.vip-dark .ast-below-header-wrap,
html.vip-dark .ast-site-header-wrap,
html.vip-dark .ast-main-header-wrap,
html.vip-dark .ast-desktop-header,
html.vip-dark .ast-header-sections-background,
html.vip-dark .ast-header-bg-wrap,
html.vip-dark .ast-builder-header-main-layout-wrap,
html.vip-dark [data-section="section-hb-primary-menu"],
html.vip-dark .ast-builder-grid-row,
html.vip-dark .ast-grid-left,
html.vip-dark .ast-grid-center,
html.vip-dark .ast-grid-right,
html.vip-dark .ast-builder-layout-element,
html.vip-dark .ast-primary-header-bar .ast-container,
html.vip-dark .main-header-bar .ast-container,
html.vip-dark .ast-sticky-active .main-header-bar,
html.vip-dark .ast-sticky-active .ast-primary-header-bar,
html.vip-dark .ast-sticky-active.site-header {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
box-shadow: none !important;
border-bottom: none !important;
border-color: transparent !important;
}
html.vip-dark .main-header-bar-navigation,
html.vip-dark .main-header-bar-navigation ul,
html.vip-dark .main-header-bar-navigation ul li,
html.vip-dark .main-header-bar-navigation ul li a,
html.vip-dark .ast-primary-header-bar .ast-container,
html.vip-dark .site-header-focus-item {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .main-header-bar-navigation ul li a,
html.vip-dark .main-header-bar-navigation > ul > li > a {
color: var(--vip-text-secondary) !important;
opacity: 1 !important;
font-weight: 500 !important;
letter-spacing: 0.02em !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
}
html.vip-dark .main-header-bar-navigation ul li a:hover,
html.vip-dark .main-header-bar-navigation > ul > li > a:hover {
color: var(--vip-accent) !important;
opacity: 1 !important;
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .main-header-bar-navigation ul li.current-menu-item > a,
html.vip-dark .main-header-bar-navigation ul li.current-page-ancestor > a,
html.vip-dark .main-header-bar-navigation ul li.current-menu-ancestor > a,
html.vip-dark .main-header-bar-navigation ul li.current-menu-parent > a,
html.vip-dark .main-header-bar-navigation ul li.current_page_item > a,
html.vip-dark .main-header-bar-navigation ul li.current_page_parent > a {
color: var(--vip-accent) !important;
opacity: 1 !important;
font-weight: 600 !important;
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .main-header-bar-navigation ul li a::after,
html.vip-dark .main-header-bar-navigation > ul > li > a::after {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .main-header-bar-navigation ul li.current-menu-item > a::after,
html.vip-dark .main-header-bar-navigation ul li.current_page_item > a::after {
transform: scaleX(1) !important;
display: block !important;
background: var(--vip-accent) !important;
}
html.vip-dark .main-header-bar-navigation ul li.current-menu-item > a::before,
html.vip-dark .main-header-bar-navigation ul li.current_page_item > a::before {
display: none !important;
opacity: 0 !important;
}
html.vip-dark .main-header-bar-navigation ul li a:focus-visible {
outline: 2px solid var(--vip-accent) !important;
outline-offset: 3px !important;
border-radius: 999px !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu,
html.vip-dark .main-header-bar-navigation ul.sub-menu,
html.vip-dark .ast-desktop-header .sub-menu,
html.vip-dark .ast-primary-header-bar .sub-menu {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 12px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
padding: 4px !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li {
border-bottom: 1px solid var(--vip-border) !important;
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li:last-child {
border-bottom: none !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li a {
color: var(--vip-text-secondary) !important;
background: transparent !important;
background-color: transparent !important;
font-weight: 400 !important;
border-radius: 8px !important;
}
html.vip-dark .main-header-bar-navigation .sub-menu li a:hover {
color: var(--vip-accent) !important;
background: rgba(77, 163, 255, 0.08) !important;
background-color: rgba(77, 163, 255, 0.08) !important;
}
html.vip-dark .main-header-bar .custom-logo-link img,
html.vip-dark header#masthead .custom-logo-link img,
html.vip-dark #masthead .custom-logo-link img,
html.vip-dark .ast-masthead-custom-menu-items .custom-logo-link img,
html.vip-dark .ast-site-identity .custom-logo-link img {
filter: brightness(1) !important;
opacity: 1 !important;
}
.vip-bnav__item--center {
padding: 6px 8px !important;
min-width: 44px !important;
max-width: 60px !important;
border-radius: 16px !important;
transform: translateY(-6px) !important;
font-size: 10px !important;
line-height: 1.2 !important;
}
.vip-bnav__item--center svg {
width: 18px !important;
height: 18px !important;
margin-bottom: 1px !important;
}
.vip-bnav__item--center .vip-bnav__label {
font-size: 9px !important;
letter-spacing: 0.03em !important;
margin-top: 1px !important;
}
.epcl_toggle_container,
.epcl_toggle_wrap,
.epcl-toggle,
div.epcl-toggle {
display: block !important;
}
.epcl_toggle_title,
.epcl_toggle_header,
.epcl-toggle-title,
.epcl-toggle-header,
.epcl-toggle > h4,
.epcl_toggle_container > h4,
.epcl_toggle_container > h3,
.epcl_toggle_container > p.epcl_toggle_title {
display: block !important;
cursor: pointer !important;
pointer-events: auto !important;
user-select: none !important;
}
html.vip-dark .epcl_toggle_container,
html.vip-dark .epcl_toggle_wrap,
html.vip-dark .epcl-toggle,
html.vip-dark div.epcl-toggle {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 10px !important;
color: var(--vip-ink) !important;
}
html.vip-dark .epcl_toggle_title,
html.vip-dark .epcl_toggle_header,
html.vip-dark .epcl-toggle-title,
html.vip-dark .epcl-toggle-header,
html.vip-dark .epcl-toggle > h4,
html.vip-dark .epcl_toggle_container > h4,
html.vip-dark .epcl_toggle_container > h3,
html.vip-dark .epcl_toggle_container > p.epcl_toggle_title {
color: var(--vip-ink) !important;
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
border-bottom: 1px solid var(--vip-border) !important;
}
html.vip-dark .epcl_toggle_content,
html.vip-dark .epcl_toggle_body,
html.vip-dark .epcl-toggle-content,
html.vip-dark .epcl-toggle-body,
html.vip-dark .epcl-toggle > div:not(.epcl-toggle-header):not(.epcl-toggle-title),
html.vip-dark .epcl_toggle_container > div:not(.epcl_toggle_title):not(.epcl_toggle_header) {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .epcl_toggle_content *,
html.vip-dark .epcl_toggle_body *,
html.vip-dark .epcl-toggle-content *,
html.vip-dark .epcl-toggle-body *,
html.vip-dark .epcl_toggle_container > div * {
color: var(--vip-ink) !important;
}
html.vip-dark .epcl_toggle_content a,
html.vip-dark .epcl-toggle-content a,
html.vip-dark .epcl_toggle_container > div a {
color: var(--vip-accent) !important;
}
html.vip-dark .epcl_toggle_content img,
html.vip-dark .epcl-toggle-content img {
opacity: 0.9 !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group.has-background,
html.vip-dark body.single-vip_collection .entry-content [class*="has-"][class*="background-color"],
html.vip-dark body.single-vip_collection .entry-content .has-white-background-color,
html.vip-dark body.single-vip_collection .entry-content .has-light-gray-background-color,
html.vip-dark body.single-vip_collection .entry-content .has-base-background-color,
html.vip-dark body.single-vip_collection .entry-content .has-pale-cyan-blue-background-color,
html.vip-dark body.single-vip_collection .entry-content .has-background {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group__inner-container,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group > *:first-child:not([class*="wp-block"]),
html.vip-dark body.single-vip_collection .entry-content .wp-block-cover__inner-container {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group p,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group li,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h1,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h2,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h3,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h4,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h5,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group h6,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group span,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group label,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group strong,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group em,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group td,
html.vip-dark body.single-vip_collection .entry-content .wp-block-group th {
color: var(--vip-ink) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group a {
color: var(--vip-accent) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group a:hover {
color: var(--vip-accent-hover) !important;
opacity: 0.85 !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-table,
html.vip-dark body.single-vip_collection .entry-content .wp-block-table table {
background: transparent !important;
background-color: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-table th {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-table td {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-text-secondary) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-table tr:hover td {
background: rgba(77, 163, 255, 0.04) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-columns,
html.vip-dark body.single-vip_collection .entry-content .wp-block-column {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-separator,
html.vip-dark body.single-vip_collection .entry-content hr {
border-color: var(--vip-border) !important;
background-color: var(--vip-border) !important;
color: var(--vip-border) !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group .wp-block-group {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 8px !important;
}
html.vip-dark body.single-vip_collection .entry-content .wp-block-group [style*="color:rgb(0"],
html.vip-dark body.single-vip_collection .entry-content .wp-block-group [style*="color: rgb(0"],
html.vip-dark body.single-vip_collection .entry-content .wp-block-group [style*="color:#000"],
html.vip-dark body.single-vip_collection .entry-content .wp-block-group [style*="color: #000"] {
color: var(--vip-ink) !important;
}
html.vip-dark .vip-filter-accordion {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vip-filter-accordion.is-open .vip-filter-header {
border-bottom-color: var(--vip-border) !important;
}
html.vip-dark .vip-filter-header__title { color: var(--vip-ink) !important; }
html.vip-dark .vip-filter-header__sub { color: var(--vip-muted) !important; }
html.vip-dark .vip-cselect__trigger {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vip-cselect__trigger:hover {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-accent) !important;
}
html.vip-dark .vip-cselect.is-open .vip-cselect__trigger {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-accent) !important;
box-shadow: 0 0 0 3px var(--vip-accent-ring) !important;
}
html.vip-dark .vip-cselect__lbl { color: var(--vip-muted) !important; }
html.vip-dark .vip-cselect__sep { background: var(--vip-border) !important; background-color: var(--vip-border) !important; }
html.vip-dark .vip-cselect__val { color: var(--vip-ink) !important; }
html.vip-dark .vip-cselect__arrow { color: var(--vip-muted) !important; }
html.vip-dark .vip-cselect.is-open .vip-cselect__arrow { color: var(--vip-accent) !important; }
html.vip-dark .vip-cselect__panel {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
box-shadow: var(--vip-shadow-md) !important;
}
html.vip-dark .vip-cselect__option { color: var(--vip-ink) !important; }
html.vip-dark .vip-cselect__option:hover { background: var(--vip-bg) !important; background-color: var(--vip-bg) !important; }
html.vip-dark .vip-cselect__option.is-selected { background: var(--vip-accent-soft) !important; color: var(--vip-accent) !important; }
html.vip-dark .vip-filter-field__label { color: var(--vip-muted) !important; }
html.vip-dark .vip-filter-clear {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-muted) !important;
}
html.vip-dark .vip-filter-clear:hover { border-color: var(--vip-accent) !important; color: var(--vip-accent) !important; }
html.vip-dark body.woocommerce-shop #secondary,
html.vip-dark body.woocommerce-shop aside#secondary {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark body.woocommerce-shop #secondary .widget {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark .vipc-shop-sidebar,
html.vip-dark .vipc-filter-sidebar {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-filter-group {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-filter-group__body {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark body.woocommerce-shop .vipc-filter-group,
html.vip-dark body.woocommerce-shop .vipc-filter-group__head,
html.vip-dark body.woocommerce-shop button.vipc-filter-group__head,
html.vip-dark body.woocommerce-shop .vipc-filter-group__body,
html.vip-dark body.woocommerce-shop .vipc-filter-sidebar .widget,
html.vip-dark body.woocommerce-shop .vipc-shop-sidebar .widget {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
}
html.vip-dark .vipc-share-wrap {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-share-label {
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-share-btn {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-share-btn:hover {
border-color: var(--vip-accent) !important;
color: var(--vip-accent) !important;
background: rgba(77,163,255,0.10) !important;
}
html.vip-dark .vipc-crypto-selector {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-cs-heading {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-cs-warning {
color: var(--vip-muted) !important;
}
html.vip-dark .vipc-cs-warning strong {
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-cs-tab {
background: var(--vip-bg) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-cs-tab:hover {
border-color: var(--vip-accent) !important;
background: rgba(77,163,255,0.10) !important;
}
html.vip-dark .vipc-cs-tab.is-active {
background: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .woocommerce-Reviews,
html.vip-dark #tab-reviews,
html.vip-dark .woocommerce-Tabs-panel--reviews {
background: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark #reviews .comment-list .comment,
html.vip-dark #reviews .comment-list li article,
html.vip-dark .woocommerce-Reviews .comment-list .comment {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-Reviews .woocommerce-Reviews-title,
html.vip-dark .woocommerce-Reviews h2 {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-Reviews .star-rating span,
html.vip-dark .woocommerce-Reviews .stars a {
color: var(--vip-accent) !important;
}
html.vip-dark .woocommerce-Reviews #review_form,
html.vip-dark .woocommerce-Reviews #respond {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #order_review,
html.vip-dark .woocommerce-checkout-review-order {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #order_review .shop_table,
html.vip-dark .woocommerce-checkout-review-order-table {
background: transparent !important;
background-color: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #order_review .shop_table tbody tr,
html.vip-dark #order_review .shop_table tfoot tr,
html.vip-dark .woocommerce-checkout-review-order-table tbody tr,
html.vip-dark .woocommerce-checkout-review-order-table tfoot tr {
background: transparent !important;
background-color: transparent !important;
}
html.vip-dark #order_review .shop_table th,
html.vip-dark #order_review .shop_table td,
html.vip-dark .woocommerce-checkout-review-order-table th,
html.vip-dark .woocommerce-checkout-review-order-table td {
background: transparent !important;
background-color: transparent !important;
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #order_review h3,
html.vip-dark #order_review_heading {
color: var(--vip-ink) !important;
}
#vip-sidebar { border-right: 1px solid var(--vip-border-subtle); }
#vip-sidebar .vip-nav-section-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--vip-text-faint);
padding: 14px 26px 6px;
display: flex;
align-items: center;
gap: 8px;
}
#vip-sidebar .vip-nav-section-label::before,
#vip-sidebar .vip-nav-section-label::after {
content: '';
flex: 1;
height: 1px;
background: var(--vip-border);
}
#vip-sidebar .vip-nav-social-row {
display: flex;
gap: 8px;
padding: 8px 12px 4px;
}
#vip-sidebar .vip-nav-social-btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 10px 12px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: opacity .15s, transform .12s;
border: none;
cursor: pointer;
font-family: var(--vip-font-body);
}
#vip-sidebar .vip-nav-social-btn:hover { opacity: 0.88; transform: translateY(-1px); }
#vip-sidebar .vip-nav-social-btn--tg { background: #0088cc; color: #fff; }
#vip-sidebar .vip-nav-social-btn--dc { background: #5865F2; color: #fff; }
#vip-sidebar .vip-sb-user-row {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
border-top: 1px solid var(--vip-border);
margin-top: 4px;
}
#vip-sidebar .vip-sb-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
color: #fff;
flex-shrink: 0;
}
#vip-sidebar .vip-sb-user-name { font-size: 14px; font-weight: 600; color: var(--vip-ink); line-height: 1.2; }
#vip-sidebar .vip-sb-user-role { font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--vip-muted); }
html.vip-dark #vip-sidebar { border-right-color: #19304A; background: #060D18; }
html.vip-dark #vip-sidebar .vip-nav-section-label::before,
html.vip-dark #vip-sidebar .vip-nav-section-label::after { background: #19304A; }
html.vip-dark #vip-sidebar .vip-sb-user-row { border-top-color: #19304A; }
html.vip-dark form.woocommerce-form-login,
html.vip-dark form.woocommerce-form-register,
html.vip-dark form.register,
html.vip-dark form.login {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark form.woocommerce-form-login h2,
html.vip-dark form.woocommerce-form-register h2,
html.vip-dark form.register h2,
html.vip-dark form.login h2 {
color: var(--vip-ink) !important;
}
html.vip-dark form.woocommerce-form-login label,
html.vip-dark form.woocommerce-form-register label,
html.vip-dark form.register label,
html.vip-dark form.login label {
color: var(--vip-muted) !important;
}
html.vip-dark form.woocommerce-form-login input[type="text"],
html.vip-dark form.woocommerce-form-login input[type="email"],
html.vip-dark form.woocommerce-form-login input[type="password"],
html.vip-dark form.woocommerce-form-register input[type="text"],
html.vip-dark form.woocommerce-form-register input[type="email"],
html.vip-dark form.woocommerce-form-register input[type="password"],
html.vip-dark form.register input[type="text"],
html.vip-dark form.register input[type="email"],
html.vip-dark form.register input[type="password"],
html.vip-dark form.login input[type="text"],
html.vip-dark form.login input[type="email"],
html.vip-dark form.login input[type="password"] {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark form.woocommerce-form-login input[type="text"]::placeholder,
html.vip-dark form.woocommerce-form-login input[type="email"]::placeholder,
html.vip-dark form.woocommerce-form-login input[type="password"]::placeholder,
html.vip-dark form.woocommerce-form-register input[type="text"]::placeholder,
html.vip-dark form.woocommerce-form-register input[type="email"]::placeholder,
html.vip-dark form.woocommerce-form-register input[type="password"]::placeholder,
html.vip-dark form.register input::placeholder,
html.vip-dark form.login input::placeholder {
color: var(--vip-text-faint) !important;
}
html.vip-dark form.woocommerce-form-login .button,
html.vip-dark form.woocommerce-form-register .button,
html.vip-dark form.register .button,
html.vip-dark form.login .button,
html.vip-dark form.woocommerce-form-login input[type="submit"],
html.vip-dark form.woocommerce-form-register input[type="submit"],
html.vip-dark form.register input[type="submit"],
html.vip-dark form.login input[type="submit"] {
background: var(--vip-accent) !important;
background-color: var(--vip-accent) !important;
border-color: var(--vip-accent) !important;
color: #fff !important;
}
html.vip-dark form.woocommerce-form-login p,
html.vip-dark form.woocommerce-form-register p,
html.vip-dark form.register p,
html.vip-dark form.login p {
color: var(--vip-text-secondary) !important;
}
html.vip-dark form.woocommerce-form-login a,
html.vip-dark form.woocommerce-form-register a,
html.vip-dark form.register a,
html.vip-dark form.login a {
color: var(--vip-accent) !important;
}
html.vip-dark .woocommerce-form-login-toggle,
html.vip-dark .woocommerce-form-register-toggle {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-form__label-for-checkbox { color: var(--vip-text-secondary) !important; }
html.vip-dark .woocommerce-privacy-policy-text { color: var(--vip-muted) !important; }
html.vip-dark .woocommerce-privacy-policy-text a { color: var(--vip-accent) !important; }
html.vip-dark .vip-auth-form,
html.vip-dark #vip-login-form {
background: var(--vip-surface) !important;
border: none !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-auth-form__heading {
color: var(--vip-ink) !important;
}
html.vip-dark .vip-auth-form label,
html.vip-dark .vip-auth-label-row {
color: var(--vip-muted) !important;
}
html.vip-dark .vip-auth-form input[type="text"],
html.vip-dark .vip-auth-form input[type="email"],
html.vip-dark .vip-auth-form input[type="password"],
html.vip-dark .vip-auth-form input[type="search"],
html.vip-dark .vip-auth-form textarea {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
border-bottom-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-auth-form input::placeholder,
html.vip-dark .vip-auth-form textarea::placeholder {
color: var(--vip-muted) !important;
}
html.vip-dark .vip-auth-btn-secondary {
background: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-auth-hp,
html.vip-dark .vip-auth-footer-link,
html.vip-dark .vip-auth-message {
color: var(--vip-text-secondary) !important;
}
html.vip-dark .vip-auth-form a {
color: var(--vip-accent) !important;
}
html.vip-dark .vip-auth-form button[type="submit"]:not([disabled]) {
background: var(--vip-accent) !important;
color: #060D18 !important;
}
html.vip-dark .vip-auth-form button[type="submit"][disabled],
html.vip-dark #vip-register-submit[disabled] {
background: rgba(77, 163, 255, 0.12) !important;
color: var(--vip-muted) !important;
}
html.vip-dark .vip-auth-footnote {
color: var(--vip-muted) !important;
}
html.vip-dark .vip-pw-toggle {
color: var(--vip-muted) !important;
}
html.vip-dark article.vip_collection .entry-content > div:not(.vipc-feat-wrap):not(.vip-meta-bar):not(.vip-unlock-box):not(.vip-membership-box):not(.vip-download-panel):not(.vip-content-badge):not(.vipc-media-section):not(.vipc-share-wrap):not(.comment-respond),
html.vip-dark article.type-vip_collection .entry-content > div:not(.vipc-feat-wrap):not(.vip-meta-bar):not(.vip-unlock-box):not(.vip-membership-box):not(.vip-download-panel):not(.vip-content-badge):not(.vipc-media-section):not(.vipc-share-wrap):not(.comment-respond) {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border: none !important;
color: var(--vip-ink) !important;
}
html.vip-dark article.vip_collection .entry-content > div p,
html.vip-dark article.vip_collection .entry-content > div span,
html.vip-dark article.vip_collection .entry-content > div h1,
html.vip-dark article.vip_collection .entry-content > div h2,
html.vip-dark article.vip_collection .entry-content > div h3,
html.vip-dark article.vip_collection .entry-content > div li {
color: var(--vip-ink) !important;
}
html.vip-dark article.vip_collection .entry-content > div a {
color: var(--vip-accent) !important;
}
html.vip-dark article.vip_collection .entry-content div[style*="#111827"],
html.vip-dark article.type-vip_collection .entry-content div[style*="#111827"] {
color: var(--vip-ink) !important;
}
html.vip-dark .site-below-footer-wrap {
border-color: var(--vip-border) !important;
}
.vip-toggle {
border: 1px solid var(--vip-border);
border-radius: 8px;
margin-bottom: 12px;
overflow: hidden;
}
.vip-toggle__title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.04em;
cursor: pointer;
list-style: none;
user-select: none;
color: var(--vip-ink);
background: var(--vip-surface);
gap: 12px;
}
.vip-toggle__title::-webkit-details-marker { display: none; }
.vip-toggle__title::after {
content: '+';
font-size: 20px;
font-weight: 300;
flex-shrink: 0;
transition: transform 0.2s;
}
.vip-toggle[open] > .vip-toggle__title::after {
content: '−';
}
.vip-toggle__body {
padding: 16px 18px;
font-size: 14px;
line-height: 1.7;
color: var(--vip-ink);
background: var(--vip-bg);
border-top: 1px solid var(--vip-border);
}
.vip-toggle__body ul { padding-left: 20px; margin: 8px 0; }
.vip-toggle__body li { margin-bottom: 6px; }
.vip-toggle__body a { color: var(--vip-accent); }
.vip-toggle__body a:hover { text-decoration: underline; }
.woocommerce-product-gallery img,
.woocommerce-product-gallery .wp-post-image,
.woocommerce-product-gallery__image img,
.ast-woo-product-gallery img {
-webkit-user-drag: none !important;
user-select: none !important;
pointer-events: none !important;
}
.woocommerce-product-gallery__trigger {
display: none !important;
}
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery figure {
pointer-events: none !important;
cursor: default !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
pointer-events: auto !important;
cursor: pointer !important;
user-select: none !important;
-webkit-user-drag: none !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img:contextmenu {
display: none;
}
.woocommerce-product-addons .wc-pao-addon-wrap,
.wc-pao-addon-wrap {
margin-bottom: 10px;
}
.woocommerce-product-addons .wc-pao-addon-radio,
.wc-pao-addon-radio {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
padding: 14px 18px !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 10px !important;
background: #ffffff !important;
margin-bottom: 8px !important;
cursor: pointer !important;
transition: border-color 0.18s, box-shadow 0.18s !important;
}
.woocommerce-product-addons .wc-pao-addon-radio:hover,
.wc-pao-addon-radio:hover {
border-color: var(--vip-accent, #4DA3FF) !important;
box-shadow: 0 0 0 3px rgba(77,163,255,0.1) !important;
}
.woocommerce-product-addons .wc-pao-addon-radio input[type="radio"],
.wc-pao-addon-radio input[type="radio"] {
display: none !important;
}
.woocommerce-product-addons .wc-pao-addon-radio label,
.wc-pao-addon-radio label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
cursor: pointer !important;
gap: 16px !important;
margin: 0 !important;
}
.wc-pao-addon-radio .wc-pao-addon-radio-price {
font-weight: 700 !important;
font-size: 16px !important;
white-space: nowrap !important;
color: #111827 !important;
flex-shrink: 0 !important;
}
html.vip-dark .woocommerce-product-addons .wc-pao-addon-wrap > h3,
html.vip-dark .woocommerce-product-addons .wc-pao-addon-wrap > label,
html.vip-dark .woocommerce-product-addons h3 {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-product-addons .wc-pao-addon-radio,
html.vip-dark .wc-pao-addon-radio {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-product-addons .wc-pao-addon-radio:hover,
html.vip-dark .wc-pao-addon-radio:hover {
border-color: var(--vip-accent) !important;
box-shadow: 0 0 0 3px rgba(77,163,255,0.15) !important;
}
html.vip-dark .wc-pao-addon-radio .wc-pao-addon-radio-price,
html.vip-dark .wc-pao-addon-radio label {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-product-addons .wc-pao-addon-radio *,
html.vip-dark .wc-pao-addon-radio * {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-cart-form,
html.vip-dark .woocommerce-cart .cart-collaterals,
html.vip-dark table.shop_table,
html.vip-dark .woocommerce table.shop_table {
background: transparent !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark table.shop_table th,
html.vip-dark table.shop_table td,
html.vip-dark .woocommerce table.shop_table th,
html.vip-dark .woocommerce table.shop_table td {
background: transparent !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark td.actions,
html.vip-dark .woocommerce td.actions {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark #coupon_code,
html.vip-dark .coupon input[type="text"],
html.vip-dark .woocommerce-cart-form input[type="text"],
html.vip-dark .woocommerce-cart-form input[type="search"] {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark #coupon_code::placeholder,
html.vip-dark .coupon input[type="text"]::placeholder {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-cart .cart_totals,
html.vip-dark .woocommerce-cart .cart-collaterals .cart_totals {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
border-radius: 12px !important;
}
html.vip-dark .woocommerce-cart .cart_totals h2,
html.vip-dark .woocommerce-cart .cart_totals th,
html.vip-dark .woocommerce-cart .cart_totals td,
html.vip-dark .woocommerce-cart .cart_totals tr {
background: transparent !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark table.shop_table thead,
html.vip-dark table.shop_table thead tr,
html.vip-dark table.shop_table thead th,
html.vip-dark .woocommerce table.shop_table thead,
html.vip-dark .woocommerce table.shop_table thead tr,
html.vip-dark .woocommerce table.shop_table thead th {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-cart-form input[type="number"],
html.vip-dark table.shop_table input.qty,
html.vip-dark .woocommerce table.shop_table .quantity input.qty {
background: var(--vip-surface-raised) !important;
background-color: var(--vip-surface-raised) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-cart-form input[type="number"]::-webkit-inner-spin-button,
html.vip-dark .woocommerce-cart-form input[type="number"]::-webkit-outer-spin-button,
html.vip-dark table.shop_table input.qty::-webkit-inner-spin-button,
html.vip-dark table.shop_table input.qty::-webkit-outer-spin-button {
filter: invert(1) !important;
}
html.vip-dark .vip-toggle {
border-color: var(--vip-border);
}
html.vip-dark .vip-toggle__title {
background: var(--vip-surface-raised) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vip-toggle__body {
background: var(--vip-surface) !important;
color: var(--vip-ink) !important;
border-top-color: var(--vip-border);
}
html.vip-dark .vip-toggle__body a { color: var(--vip-accent); }
html.vip-dark .woocommerce-order-details,
html.vip-dark .woocommerce-customer-details,
html.vip-dark section.woocommerce-order-details,
html.vip-dark section.woocommerce-customer-details {
background: transparent !important;
}
html.vip-dark .woocommerce-column--billing-address,
html.vip-dark .woocommerce-column--shipping-address,
html.vip-dark .woocommerce-columns,
html.vip-dark .woocommerce-columns--2,
html.vip-dark .woocommerce-column {
background: transparent !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-column address,
html.vip-dark .woocommerce-column--billing-address address,
html.vip-dark .woocommerce-column--shipping-address address {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-order-overview,
html.vip-dark .woocommerce-thankyou-order-details {
background: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-order-overview li,
html.vip-dark .woocommerce-thankyou-order-details li {
border-color: var(--vip-border) !important;
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce-order-overview strong,
html.vip-dark .woocommerce-thankyou-order-details strong {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-account .woocommerce-order-details table.shop_table,
html.vip-dark .woocommerce-account section.woocommerce-order-details {
background: transparent !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .woocommerce-account .woocommerce {
background: transparent !important;
}
html.vip-dark .entry-content > .woocommerce,
html.vip-dark .woocommerce-page .entry-content > div {
background: transparent !important;
}
html.vip-dark .woocommerce-order .woocommerce-columns--addresses .woocommerce-column {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 8px !important;
padding: 16px 20px !important;
}
html.vip-dark .woocommerce-order .woocommerce-columns--addresses .woocommerce-column h2 {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-order-pay .woocommerce {
background: transparent !important;
}
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content > * {
background: transparent !important;
}
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content section,
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content div,
html.vip-dark .woocommerce-account .woocommerce-MyAccount-content article {
background: transparent !important;
}
html.vip-dark .woocommerce-customer-details,
html.vip-dark .woocommerce-order .woocommerce-customer-details {
background: transparent !important;
}
html.vip-dark .woocommerce-customer-details .woocommerce-column,
html.vip-dark .woocommerce-customer-details .col2-set,
html.vip-dark .woocommerce-column--billing-address,
html.vip-dark .woocommerce-column--shipping-address {
background: var(--vip-surface) !important;
border: 1px solid var(--vip-border) !important;
border-radius: 8px !important;
padding: 16px 20px !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce-column--billing-address h2,
html.vip-dark .woocommerce-column--shipping-address h2,
html.vip-dark .woocommerce-customer-details .woocommerce-column h2 {
color: var(--vip-ink) !important;
font-size: 1.1em !important;
margin-bottom: 8px !important;
}
html.vip-dark .woocommerce-column--billing-address address,
html.vip-dark .woocommerce-column--shipping-address address,
html.vip-dark .woocommerce-customer-details address {
color: var(--vip-muted) !important;
background: transparent !important;
}
html.vip-dark .woocommerce-column--billing-address p,
html.vip-dark .woocommerce-column--shipping-address p {
color: var(--vip-muted) !important;
}
html.vip-dark .vipc-ref-link-card {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-ref-link-card__title {
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-ref-link-row input {
background: var(--vip-bg) !important;
background-color: var(--vip-bg) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .vipc-ref-tier {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-ref-tier__pts {
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-ref-tier__pts span,
html.vip-dark .vipc-ref-tier__range {
color: var(--vip-muted) !important;
}
html.vip-dark .vipc-ref-tier--1 .vipc-ref-tier__badge,
html.vip-dark .vipc-ref-tier--2 .vipc-ref-tier__badge,
html.vip-dark .vipc-ref-tier--3 .vipc-ref-tier__badge {
background: rgba(77, 163, 255, 0.15) !important;
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-ref-history {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-ref-history__head {
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-ref-history th {
color: var(--vip-muted) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-ref-history td {
color: var(--vip-ink) !important;
border-color: var(--vip-border) !important;
}
html.vip-dark .vipc-ref-pts-badge {
background: rgba(77, 163, 255, 0.15) !important;
color: var(--vip-accent) !important;
}
html.vip-dark .vipc-ref-empty {
color: var(--vip-muted) !important;
}
html.vip-dark .woocommerce ul.products li.product,
html.vip-dark .vipc-shop-main ul.products li.product {
background: var(--vip-surface) !important;
background-color: var(--vip-surface) !important;
border-color: var(--vip-border) !important;
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.vip-dark .woocommerce ul.products li.product .ast-woo-product-category,
html.vip-dark .woocommerce ul.products li.product .price,
html.vip-dark .woocommerce ul.products li.product .price ins,
html.vip-dark .woocommerce ul.products li.product .woocommerce-Price-amount {
color: var(--vip-ink) !important;
}
html.vip-dark .woocommerce ul.products li.product .price del,
html.vip-dark .woocommerce ul.products li.product .price del .woocommerce-Price-amount {
color: var(--vip-muted) !important;
}
html.vip-dark #vipc-sidebar,
html.vip-dark #vipc-sidebar .vipc-filter-group,
html.vip-dark #vipc-sidebar .vipc-filter-group__head,
html.vip-dark #vipc-sidebar button.vipc-filter-group__head,
html.vip-dark #vipc-sidebar .vipc-filter-group__body {
background: transparent !important;
background-color: transparent !important;
}