.se-customize-classic .storeengine-product-wrapper .storeengine-product,
.storeengine-customize-card {
border-radius: var(--se-shop-radius, 8px);
overflow: hidden;
} .se-customize-classic .storeengine-product-wrapper .storeengine-product:has([data-dropdown-toggle][aria-expanded="true"]),
.storeengine-customize-card:has([data-dropdown-toggle][aria-expanded="true"]) {
overflow: visible;
position: relative;
z-index: 5;
}
.se-customize-classic .storeengine-product__thumbnail img,
.storeengine-customize-card .wp-block-storeengine-product-media img {
aspect-ratio: var(--se-shop-image-ratio, auto);
object-fit: cover;
width: 100%;
}
.se-customize-classic .storeengine-product__title,
.storeengine-customize-card .wp-block-storeengine-product-title {
font-size: var(--se-shop-title-size, 18px);
}
.se-customize-classic .storeengine-product .storeengine-btn,
.storeengine-customize-card .storeengine-btn,
.storeengine-customize-buy-box .storeengine-btn {
border-radius: var(--se-shop-button-radius, 6px);
}  .storeengine-btn:not(:hover):not(:active):not(:focus) {
border-color: var(--border-color);
background: var(--bg-color);
color: var(--text-color);
}
.storeengine-btn.storeengine-btn:hover,
.storeengine-btn.storeengine-btn:focus,
.storeengine-btn.storeengine-btn:active {
border-color: var(--hover-border-color, var(--border-color));
background: var(--hover-bg-color, var(--bg-color));
color: var(--hover-text-color, var(--text-color));
} .storeengine-customize-classic-badges {
position: absolute;
top: var(--se-card-badge-offset, 10px);
left: var(--se-card-badge-offset, 10px);
z-index: 2;
display: flex;
gap: 6px;
}
.storeengine-customize-classic-badges .storeengine-badge {
padding: 2px 8px;
border-radius: 999px;
background: var(--storeengine-secondary-color); color: var(--storeengine-secondary-contrast, #fff);
box-shadow: inset 0 0 0 1px color-mix(in srgb, currentcolor 22%, transparent);
font-size: 12px;
font-weight: 600;
line-height: 18px;
} .storeengine-customize-classic-badges .storeengine-badge--out-of-stock {
background: #475467;
color: #fff;
box-shadow: none;
} .wp-block-storeengine-product-badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.wp-block-storeengine-product-badges .storeengine-badge {
padding: 2px 8px;
border-radius: 999px;
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.wp-block-storeengine-product-badges:not(.has-background) .storeengine-badge {
background: var(--storeengine-secondary-color);
box-shadow: inset 0 0 0 1px color-mix(in srgb, currentcolor 22%, transparent);
}
.wp-block-storeengine-product-badges:not(.has-background) .storeengine-badge--out-of-stock {
background: #475467;
box-shadow: none;
}
.wp-block-storeengine-product-badges:not(.has-text-color) .storeengine-badge {
color: var(--storeengine-secondary-contrast, #fff);
}
.wp-block-storeengine-product-badges:not(.has-text-color) .storeengine-badge--out-of-stock {
color: #fff;
} .storeengine-customize-card > .wp-block-storeengine-product-media + .wp-block-storeengine-product-badges {
position: absolute;
top: var(--se-card-badge-offset, 10px);
inset-inline-start: var(--se-card-badge-offset, 10px);
z-index: 2;
max-width: calc(100% - 2 * var(--se-card-badge-offset, 10px));
padding: 0;
}
.storeengine-customize-classic-rating,
.storeengine-customize-classic-excerpt {
margin: 4px 16px;
font-size: 14px;
} .se-customize-classic .storeengine-products__body > .storeengine-row > .storeengine-product-wrapper {
flex: 0 0 calc(100% / var(--se-shop-cols-desktop, 3));
max-width: calc(100% / var(--se-shop-cols-desktop, 3));
}
@media (max-width: 1024px) {
.se-customize-classic .storeengine-products__body > .storeengine-row > .storeengine-product-wrapper {
flex-basis: calc(100% / var(--se-shop-cols-tablet, 2));
max-width: calc(100% / var(--se-shop-cols-tablet, 2));
}
}
@media (max-width: 600px) {
.se-customize-classic .storeengine-products__body > .storeengine-row > .storeengine-product-wrapper {
flex-basis: calc(100% / var(--se-shop-cols-mobile, 1));
max-width: calc(100% / var(--se-shop-cols-mobile, 1));
}
} .storeengine-customize-catalog .wp-block-post-template {
grid-template-columns: repeat(var(--se-shop-cols-desktop, 3), minmax(0, 1fr)) !important;
}
.storeengine-customize-card {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
height: 100%;
padding-bottom: 16px;
background: var(--storeengine-surface-color, #fff);
border: 1px solid var(--storeengine-border-color, #e4e7ec);
}
.storeengine-customize-card > :not(.wp-block-storeengine-product-media) {
padding-inline: 16px;
margin: 0;
} .storeengine-customize-card .wp-block-storeengine-product-title {
line-height: 1.35;
}
.storeengine-customize-card .wp-block-storeengine-product-title a,
.storeengine-customize-page .wp-block-storeengine-product-title a {
text-decoration: none;
}
.storeengine-customize-card .wp-block-storeengine-product-add-to-cart {
margin-top: auto;
}
.storeengine-customize-card .storeengine-stock-badge,
.storeengine-customize-buy-box .storeengine-stock-badge {
margin: 0 0 8px;
font-size: 13px;
line-height: 1.4;
}
.storeengine-customize-card .storeengine-single-product-quantity-wrap {
flex-flow: row wrap;
gap: 8px;
}
.storeengine-customize-card .storeengine-single-product-quantity-wrap > .storeengine-btn {
flex: 1 1 110px;
min-width: 0;
margin: 0;
} .storeengine-customize-buy-box .wp-block-storeengine-product-title {
margin-top: 0;
font-size: clamp(24px, 2.2vw, 32px);
line-height: 1.2;
}
@media (max-width: 1024px) {
.storeengine-customize-catalog .wp-block-post-template {
grid-template-columns: repeat(var(--se-shop-cols-tablet, 2), minmax(0, 1fr)) !important;
}
}
@media (max-width: 600px) {
.storeengine-customize-catalog .wp-block-post-template {
grid-template-columns: repeat(var(--se-shop-cols-mobile, 1), minmax(0, 1fr)) !important;
}
}
.storeengine-customize-buy-box {
position: sticky;
top: 24px;
padding: 20px;
border: 1px solid var(--storeengine-border-color, #e4e7ec);
border-radius: var(--se-shop-radius, 8px);
background: var(--storeengine-surface-color, #fff);
}  :where(.storeengine-customize-card, .storeengine-customize-page, .se-customize-classic .storeengine-product, .se-customize-classic .storeengine-single-product, .se-customize-classic .storeengine-products, .storeengine-customize-catalog-columns, .storeengine-customize-checkout-page, .storeengine-frontend-dashboard) {
color: var(--storeengine-text-color, #1d2939);
} :where(.storeengine-customize-card, .storeengine-customize-page, .se-customize-classic .storeengine-product, .se-customize-classic .storeengine-single-product, .se-customize-classic .storeengine-products, .storeengine-customize-catalog-columns, .storeengine-customize-checkout-page, .storeengine-frontend-dashboard) :is(h1, h2, h3, h4, h5, h6, label):not(.has-text-color) {
color: var(--storeengine-text-color, #1d2939);
} .storeengine-customize-card del .storeengine-price,
.storeengine-customize-page del .storeengine-price,
.se-customize-classic .storeengine-product del .storeengine-price,
.se-customize-classic .storeengine-single-product del .storeengine-price {
color: color-mix(in srgb, var(--storeengine-text-color, #1d2939) 60%, transparent);
} .wp-block-storeengine-product-price .storeengine-product__simple-price {
display: inline;
}
.wp-block-storeengine-product-price .storeengine-product__simple-price del {
margin-inline-end: 6px;
} :is(.storeengine-customize-card, .storeengine-customize-page, .storeengine-product) .wp-block-storeengine-product-add-to-cart .storeengine-single-product-simple-price,
.storeengine-customize-card:has(.wp-block-storeengine-product-price) .wp-block-storeengine-product-add-to-cart :is(.storeengine-single-product-prices, .storeengine-product__simple-price),
.storeengine-customize-page:has(.wp-block-storeengine-product-price) .wp-block-storeengine-product-add-to-cart :is(.storeengine-single-product-prices, .storeengine-product__simple-price) {
display: none;
} .storeengine-product-add-to-cart--no-quantity .storeengine-quantity-input {
display: none;
} .storeengine-ajax-add-to-cart-form button.storeengine-btn:is(.storeengine-btn--add-to-cart, .storeengine-btn--direct-checkout, .storeengine-btn--add-to-cart-replacement) {
--border-size: 1px;
--hover-border-size: 1px;
border: 1px solid var(--border-color, var(--storeengine-border-color, #e4e7ec));
}
.storeengine-customize-card .wp-block-storeengine-product-title:not(.has-link-color):not([class*="wp-elements-"]) a,
.storeengine-customize-page .wp-block-storeengine-product-title:not(.has-link-color):not([class*="wp-elements-"]) a,
.se-customize-classic .storeengine-product .storeengine-product__title a {
color: inherit;
}
.storeengine-customize-card .wp-block-storeengine-product-title:not(.has-link-color):not([class*="wp-elements-"]) a:is(:hover, :focus-visible),
.storeengine-customize-page .wp-block-storeengine-product-title:not(.has-link-color):not([class*="wp-elements-"]) a:is(:hover, :focus-visible),
.se-customize-classic .storeengine-product .storeengine-product__title a:is(:hover, :focus-visible) {
color: var(--storeengine-primary-color, currentColor);
} .se-customize-classic .storeengine-product-wrapper .storeengine-product {
border: 1px solid var(--storeengine-border-color, #e4e7ec);
background: var(--storeengine-surface-color, #fff);
} .storeengine-quantity-input .storeengine-quantity-input__input {
background-color: var(--storeengine-surface-color, #fff);
color: var(--storeengine-text-color, #1d2939);
} [data-se-theme="dark"] body,
[data-se-theme="dark"] .storeengine-customize-checkout-page,
[data-se-theme="dark"] .storeengine-frontend-dashboard {
color: var(--storeengine-text-color);
}
[data-se-theme="dark"] body {
background: var(--storeengine-background-color);
} [data-se-theme="dark"] body :is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .wp-block-post-title, .site-title) {
color: var(--storeengine-text-color);
}
[data-se-theme="dark"] body :is(select, input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea) {
border-color: var(--storeengine-border-color);
background-color: var(--storeengine-surface-color);
color: var(--storeengine-text-color);
}
[data-se-theme="dark"] body :is(.entry-content, .storeengine-customize-checkout-page, .storeengine-frontend-dashboard) a:not(.storeengine-btn) {
color: var(--storeengine-primary-color);
} [data-se-theme="dark"] {
--storeengine-subtitle-color: color-mix(in srgb, var(--storeengine-text-color) 72%, transparent);
--storeengine-input-text-color: var(--storeengine-text-color);
--storeengine-placeholder-color: color-mix(in srgb, var(--storeengine-text-color) 50%, transparent);
}
@media (prefers-color-scheme: dark) {
[data-se-theme="system"] {
--storeengine-subtitle-color: color-mix(in srgb, var(--storeengine-text-color) 72%, transparent);
--storeengine-input-text-color: var(--storeengine-text-color);
--storeengine-placeholder-color: color-mix(in srgb, var(--storeengine-text-color) 50%, transparent);
}
}
[data-se-theme="dark"] :is(.storeengine-customize-checkout-page, .storeengine-frontend-dashboard) label {
color: var(--storeengine-subtitle-color);
} [data-se-theme="dark"] .storeengine-oops__message {
background-color: var(--storeengine-surface-color);
}
[data-se-theme="dark"] .storeengine-oops__message img {
opacity: 0.2;
}
.storeengine-customize-theme-switch {
position: fixed; inset-inline-start: 20px;
bottom: 20px;
z-index: 999;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px; padding: 0;
border: 1px solid var(--storeengine-border-color, #e4e7ec);
border-radius: 50%;
background: var(--storeengine-surface-color, #fff);
color: var(--storeengine-text-color, #1d2939);
cursor: pointer;
}
.storeengine-customize-theme-switch::before {
content: "\25D0";
font-size: 20px;
line-height: 1;
}  :where(.storeengine-cart-sub-total-table-shortcode, .storeengine-mini-cart-drawer, .storeengine-order-details-shortcode, .storeengine-thankyou-order-info-shortcode, .storeengine-thankyou-payment-instructions) {
--storeengine-subtitle-color: color-mix(in srgb, var(--storeengine-text-color, #1d2939) 72%, transparent);
--storeengine-gray-color: color-mix(in srgb, var(--storeengine-text-color, #1d2939) 65%, transparent);
color: var(--storeengine-text-color, #1d2939);
}
.storeengine-thankyou-summery--item p:last-child,
.storeengine-order-details-shortcode .storeengine-order-item__price,
.storeengine-order-details-shortcode .storeengine-order-item__title :is(h6, h6 a) {
color: var(--storeengine-text-color, #1d2939);
}
.storeengine-mini-cart-drawer .storeengine-btn--bg-gray {
--bg-color: var(--storeengine-background-color, #f6f7f9);
--hover-bg-color: color-mix(in srgb, var(--storeengine-background-color, #f6f7f9) 88%, var(--storeengine-text-color, #1d2939));
--text-color: var(--storeengine-text-color, #1d2939);
--hover-text-color: var(--storeengine-text-color, #1d2939);
--border-color: var(--storeengine-border-color, #e4e7ec);
--hover-border-color: var(--storeengine-border-color, #e4e7ec);
--border-size: 1px;
--hover-border-size: 1px;
}
.storeengine-customize-checkout-page {
margin-inline: auto;
padding: 24px 0;
background: var(--se-checkout-page, transparent);
}
.se-checkout-width-standard .storeengine-customize-checkout-page {
max-width: 1140px;
}
.se-checkout-width-wide .storeengine-customize-checkout-page {
max-width: 1400px;
}
.se-checkout-width-focused .storeengine-customize-checkout-page {
max-width: 760px;
}
.storeengine-customize-checkout-page > .wp-block-columns {
gap: 32px;
}
.storeengine-customize-checkout-page > .wp-block-columns > .wp-block-column:first-child {
background: var(--se-checkout-form, transparent);
} .storeengine-customize-checkout-page .storeengine-ajax-checkout-form {
border-radius: var(--se-shop-radius, 8px);
}
.storeengine-customize-checkout-page > .wp-block-columns > .wp-block-column:last-child {
flex: 0 0 var(--se-checkout-summary-width, 380px) !important;
align-self: flex-start;
padding: 20px;
border: 1px solid var(--storeengine-border-color, #e4e7ec);
border-radius: var(--se-shop-radius, 8px);
background: var(--se-checkout-summary, var(--storeengine-surface-color, #fff));
}
.se-checkout-sticky .storeengine-customize-checkout-page > .wp-block-columns > .wp-block-column:last-child {
position: sticky;
top: 24px;
}
.se-checkout-summary-left .storeengine-customize-checkout-page > .wp-block-columns {
flex-direction: row-reverse;
}
.se-checkout-stacked .storeengine-customize-checkout-page > .wp-block-columns {
flex-direction: column;
}
.se-checkout-stacked .storeengine-customize-checkout-page > .wp-block-columns > .wp-block-column:last-child {
flex-basis: auto !important;
width: 100%; position: static;
} .se-checkout-stacked .storeengine-customize-checkout-page > .wp-block-columns > .wp-block-column:has(.storeengine-ajax-checkout-form) {
order: 1;
} .storeengine-customize-checkout-page .storeengine-btn--preset-blue,
.storeengine-customize-checkout-page button[type="submit"] {
--bg-color: var(--se-checkout-button, var(--storeengine-primary-color));
--border-color: var(--se-checkout-button, var(--storeengine-primary-color));
--hover-bg-color: color-mix(in srgb, var(--se-checkout-button, var(--storeengine-primary-color)) 86%, #000);
--hover-border-color: color-mix(in srgb, var(--se-checkout-button, var(--storeengine-primary-color)) 86%, #000);
border-radius: var(--se-shop-button-radius, 6px);
background: var(--se-checkout-button, var(--storeengine-primary-color));
}
.storeengine-customize-checkout-page input:checked + label,
.storeengine-customize-checkout-page .is-selected {
border-color: var(--se-checkout-highlight, var(--storeengine-primary-color));
}
.se-checkout-hide-coupon .storeengine-customize-checkout-page .storeengine-ajax-apply-coupon-form {
display: none;
}
.se-checkout-steps .storeengine-ajax-checkout-form {
counter-reset: se-checkout-step;
}
.se-checkout-steps .storeengine-ajax-checkout-form h3::before,
.se-checkout-steps .storeengine-ajax-checkout-form h4::before {
counter-increment: se-checkout-step;
content: counter(se-checkout-step) ". ";
color: var(--se-checkout-highlight, var(--storeengine-primary-color));
} .storeengine-ajax-checkout-form .storeengine-customize-secure-note,
.storeengine-customize-secure-note {
display: flex;
align-items: center;
gap: 6px;
margin: 12px 0 0;
font-size: 13px;
opacity: 0.8;
}
@media (max-width: 781px) {
.storeengine-customize-checkout-page > .wp-block-columns,
.se-checkout-summary-left .storeengine-customize-checkout-page > .wp-block-columns {
flex-direction: column;
}
.storeengine-customize-checkout-page > .wp-block-columns > .wp-block-column:last-child {
flex-basis: auto !important;
position: static;
}
} .storeengine-frontend-dashboard { --storeengine-gray-color: color-mix(in srgb, var(--storeengine-text-color, #1d2939) 78%, var(--storeengine-surface-color, #fff));
background: var(--se-dashboard-background, transparent);
} .storeengine-frontend-dashboard :is(.storeengine-stat-card, .storeengine-table-wrap) {
border-color: var(--storeengine-border-color, #e4e7ec);
background-color: var(--se-dashboard-card, var(--storeengine-surface-color, #fff));
color: var(--storeengine-text-color, #1d2939);
}
.storeengine-frontend-dashboard :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), select, textarea) {
border-color: var(--storeengine-border-color, #e4e7ec);
background-color: var(--storeengine-surface-color, #fff);
color: var(--storeengine-text-color, #1d2939);
}
.storeengine-frontend-dashboard .storeengine-table :is(th, td) {
border-color: var(--storeengine-border-color, #e4e7ec);
}
.storeengine-frontend-dashboard .storeengine-table thead :is(th, td) {
background-color: var(--storeengine-background-color, #f9fafb);
color: var(--storeengine-text-color, #1d2939);
}
.storeengine-frontend-dashboard .storeengine-topbar__breadcrumb-link {
color: color-mix(in srgb, var(--storeengine-text-color, #1d2939) 70%, transparent);
} .se-dashboard-width-boxed .storeengine-frontend-dashboard {
min-width: 0;
max-width: 1140px;
margin-inline: auto;
}
.se-dashboard-width-full .storeengine-frontend-dashboard {
max-width: none;
width: 100%;
}
@media (min-width: 768px) {
.storeengine-frontend-dashboard__sidebar {
flex: 0 0 var(--se-dashboard-menu-width, 260px) !important;
max-width: var(--se-dashboard-menu-width, 260px) !important;
background: var(--se-dashboard-sidebar, transparent);
}
.storeengine-frontend-dashboard__content {
flex: 1 1 0 !important;
max-width: none !important;
} .storeengine-frontend-dashboard__sidebar.storeengine-frontend-dashboard__sidebar--compact {
flex: 0 0 88px !important;
max-width: 88px !important;
}
.storeengine-frontend-dashboard__sidebar--compact .storeengine-dashboard-menu__separator {
display: none;
} .storeengine-frontend-dashboard__sidebar--compact .storeengine-frontend-user-title__avatar {
flex: 0 0 auto;
width: 44px !important;
height: 44px !important;
border-radius: 50%;
object-fit: cover;
}
} .storeengine-frontend-dashboard .storeengine-dashboard-menu__item-current > a.storeengine-dashboard-menu__item-link,
.storeengine-frontend-dashboard .storeengine-dashboard-menu__item-current > a {
background: var(--se-dashboard-active, var(--storeengine-background-color));
}
.storeengine-frontend-dashboard .storeengine-topbar {
background: var(--se-dashboard-topbar, transparent);
}
.storeengine-customize-welcome {
margin: 0 0 20px;
font-size: 22px;
}
.storeengine-customize-stats {
display: grid;
grid-template-columns: repeat(var(--se-dashboard-card-columns, 4), minmax(0, 1fr));
gap: 16px;
margin-bottom: 24px;
}
.storeengine-customize-stat {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border: 1px solid var(--storeengine-border-color, #e4e7ec);
border-radius: var(--se-shop-radius, 8px);
background: var(--se-dashboard-card, var(--storeengine-surface-color, #fff));
}
.storeengine-customize-stat__value {
font-size: 22px;
font-weight: 600;
}
.storeengine-customize-stat__label {
font-size: 13px;
opacity: 0.75;
}
@media (max-width: 600px) {
.storeengine-customize-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} .storeengine-customize-bare__main {
padding: 24px 16px;
}