.et-woo {
max-width: var(--et-max);
margin-inline: auto;
padding-block-end: 2rem;
color: var(--on-surface);
}
.et-woo .woocommerce-ordering {
display: flex;
justify-content: flex-end;
float: none;
color: var(--et-muted);
margin-block: 0.5rem 1.25rem;
}
.et-sort { position: relative; }
.et-sort__current { font-weight: 600; }
.et-sort__chevron { flex: 0 0 auto; opacity: 0.7; margin-inline-start: 0.1rem; }
.et-sort__menu {
inset: auto 0 0 auto;
inline-size: min(17rem, 92vw);
padding: 0.4rem;
}
.et-sort__menu > li { min-block-size: 1.75rem; border-radius: var(--et-radius); }
.et-sort__menu > li > a { min-block-size: 1.75rem; padding: 0.15rem 0.5rem; gap: 0.5rem; }
.et-sort__optlabel { flex: 1 1 auto; }
.et-sort__radio {
flex: 0 0 auto;
inline-size: 1.05rem;
block-size: 1.05rem;
border: 2px solid var(--outline);
border-radius: 999px;
position: relative;
}
.et-sort__menu > li.is-active { background-color: color-mix(in srgb, var(--primary) 12%, transparent); }
.et-sort__menu > li.is-active > a { font-weight: 600; color: var(--primary); }
.et-sort__menu > li.is-active .et-sort__radio { border-color: var(--primary); }
.et-sort__menu > li.is-active .et-sort__radio::after {
content: "";
position: absolute;
inset: 2.5px;
border-radius: 999px;
background: var(--primary);
}
.et-woo .woocommerce-products-header__title,
.et-woo h1.entry-title {
margin-block: 0.5rem 1rem;
}
.woocommerce .woocommerce-breadcrumb {
color: var(--et-muted);
font-size: 0.9rem;
margin-block: 0.75rem 1.25rem;
}
.woocommerce .woocommerce-breadcrumb a {
color: var(--primary);
text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
text-decoration: underline;
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
content: none;
display: none;
}
@media (min-width: 601px) {
.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 993px) {
.woocommerce ul.products,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
}
.woocommerce ul.products li.product.et-pcard {
width: auto;
float: none;
margin: 0;
padding: 0;
min-width: 0;
background: transparent;
border: 0;
box-shadow: none;
display: flex;
flex-direction: column;
gap: 0.4rem;
text-align: left;
}
.et-pcard__media {
position: relative;
display: block;
background: #fff;
border-radius: 0.9rem;
aspect-ratio: 1 / 1;
overflow: hidden;
transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.et-pcard:hover .et-pcard__media {
box-shadow: var(--et-sh-2);
transform: translateY(-2px);
}
.et-pcard__imglink {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0;
}
.woocommerce ul.products li.product .et-pcard__imglink img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
margin: 0;
}
.et-pcard__vendor {
display: inline-flex;
align-items: center;
gap: 0.5rem;
max-width: 100%;
padding: 0.3rem 0.65rem 0.3rem 0.34rem;
border-radius: var(--et-radius);
}
.et-pcard__media .et-pcard__vendor {
position: absolute;
left: 0.5rem;
bottom: 0.5rem;
z-index: 3;
max-width: calc(100% - 1rem);
background: rgba(255, 255, 255, 0.94);
}
.et-pcard__vendorlogo {
flex: 0 0 auto;
width: 1.15rem;
height: 1.15rem;
border-radius: 999px;
object-fit: contain;
background: #fff;
}
.et-pcard__vendorname {
font-size: 0.75rem;
font-weight: 600;
color: #1f2937;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.et-pcard__info { display: block; min-width: 0; text-decoration: none; }
.et-pcard__title {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 700;
font-size: 0.95rem;
line-height: 1.3;
color: var(--on-surface);
min-height: calc(1.3em * 2);
}
.et-pcard__meta {
display: block;
min-width: 0;
font-size: 0.8rem;
color: var(--et-muted);
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.et-pcard__metalink {
color: inherit;
text-decoration: none;
}
.et-pcard__metalink:hover {
color: var(--on-surface);
text-decoration: underline;
}
.et-pcard__price { padding-block-start: 0.25rem; }
.et-price {
font-weight: 700;
font-size: 1.15rem;
color: var(--on-surface);
}
.et-price.is-sale { color: var(--et-sale); }
.et-price__from { font-weight: 600; font-size: 0.9rem; }
.et-price__normal {
display: block;
margin-block-start: 0.15rem;
font-size: 0.82rem;
color: var(--et-muted);
}
.et-price__normal del { color: var(--et-muted); text-decoration: line-through; }
.et-save { color: var(--et-sale); font-weight: 600; white-space: nowrap; }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce .button.alt,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
background: var(--primary);
color: var(--on-primary);
border: none;
border-radius: var(--et-radius);
padding: 0.6rem 1.1rem;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
box-shadow: var(--et-sh-1);
transition: filter 0.15s ease, box-shadow 0.15s ease;
text-decoration: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce .button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.added_to_cart:hover {
filter: brightness(1.08);
box-shadow: var(--et-sh-2);
color: var(--on-primary);
}
.woocommerce .button.disabled,
.woocommerce .button:disabled,
.woocommerce .button[disabled] {
opacity: 0.55;
cursor: not-allowed;
box-shadow: none;
}
.woocommerce .button.wc-backward,
.woocommerce a.added_to_cart {
background: var(--surface-container-high);
color: var(--on-surface);
}
:root {
--et-sale: #d6336c;
--et-sale-bg: #ffe3ec;
--et-sale-fg: #c2185b;
}
.woocommerce span.onsale {
background: var(--et-sale-bg);
color: var(--et-sale-fg);
border-radius: 999px;
padding: 0.3rem 0.8rem;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.3;
min-height: 0;
min-width: 0;
white-space: nowrap;
}
.woocommerce ul.products li.product .et-pcard__media .onsale,
.et-pcard__media .onsale {
position: absolute;
top: 0.6rem;
left: 0.6rem;
right: auto;
bottom: auto;
z-index: 4;
margin: 0;
}
.et-fav { cursor: pointer; }
.et-fav .et-i { width: 1.15rem; height: 1.15rem; }
.et-fav .et-fav__on { display: none; color: var(--et-sale); }
.et-fav .et-fav__off { display: inline-flex; }
.et-fav.is-active .et-fav__on { display: inline-flex; }
.et-fav.is-active .et-fav__off { display: none; }
.et-pcard__media > .et-fav,
.et-product__media .et-fav,
.et-fav-card > .et-fav {
position: absolute;
top: 0.5rem;
right: 0.5rem;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.1rem;
height: 2.1rem;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
color: #4b4b4b;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
transition: transform 0.12s ease, color 0.12s ease, background 0.12s ease;
}
.et-pcard__media > .et-fav:hover,
.et-product__media .et-fav:hover,
.et-fav-card > .et-fav:hover { transform: scale(1.08); background: #fff; }
.et-fav.is-active { color: var(--et-sale); }
.woocommerce div.product.et-product {
display: grid;
gap: 2rem;
margin-block: 0.5rem 2.5rem;
grid-template-columns: 1fr;
grid-template-areas:
"media"
"summary"
"desc";
}
.et-product__media { grid-area: media; }
.et-product__summary { grid-area: summary; }
.et-product__desc { grid-area: desc; }
@media (min-width: 900px) {
.woocommerce div.product.et-product {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
column-gap: 2.5rem;
align-items: start;
grid-template-areas:
"media summary"
"desc summary";
}
.et-product__summary {
position: sticky;
top: 5.25rem;
align-self: start;
}
}
.et-product__media {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid var(--outline-variant);
border-radius: 1rem;
aspect-ratio: 1 / 1;
overflow: hidden;
padding: 1.5rem;
}
.et-product__img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.et-product__sale {
position: absolute;
top: 1rem;
left: 1rem;
z-index: 2;
background: var(--et-sale);
color: #fff;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
padding: 0.35rem 0.9rem;
border-radius: 999px;
}
.et-product__media .et-fav {
top: 0.75rem;
right: 0.75rem;
}
.et-product__desc-title {
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 0.85rem;
padding-block-end: 0.85rem;
border-block-end: 1px solid var(--outline-variant);
}
.et-product__desc-body { color: var(--on-surface-variant); line-height: 1.75; }
.et-product__desc-body p {margin-block: 0 0.75rem;font-size: 1.10rem;line-height: 1.75;}
.et-product__desc-body ul,
.et-product__desc-body ol { margin: 0.5rem 0 0.9rem; padding-inline-start: 1.25rem; }
.et-product__desc-body li { margin-block: 0.3rem; }
.et-product__summary {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.et-product__brand {
color: var(--et-muted);
font-weight: 700;
font-size: 1rem;
}
.et-product__brand:hover { color: var(--primary); }
.et-product__title {
font-size: 1.55rem;
font-weight: 700;
line-height: 1.25;
color: var(--on-surface);
margin: 0.15rem 0 0.6rem;
}
.et-product__price { margin-block-end: 0.25rem; }
.et-product__summary .et-price { font-size: 1.7rem; font-weight: 700; }
.et-product__summary .et-price.is-sale { color: var(--et-sale); }
.et-product__summary .et-price__normal { display: block; font-size: 0.95rem; margin-block-start: 0.4rem; }
.et-product__summary .et-save { display: block; margin-block-start: 0.2rem; font-size: 1rem; }
.et-product__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
align-self: stretch;
margin-block: 1rem;
padding: 0.95rem 1.5rem;
background: var(--et-sale);
color: #fff;
font-weight: 700;
font-size: 1.05rem;
letter-spacing: 0.03em;
text-transform: uppercase;
border-radius: 0.85rem;
text-decoration: none;
box-shadow: var(--et-sh-1);
transition: filter 0.15s ease, box-shadow 0.15s ease;
}
.et-product__cta:hover { filter: brightness(1.07); box-shadow: var(--et-sh-2); color: #fff; }
.et-product__cta .et-i { width: 1.2rem; height: 1.2rem; }
.et-product__summary .et-pcard__vendor {
position: static;
margin-block: 0.25rem 0.5rem;
padding: 0.3rem 0.7rem 0.3rem 0.35rem;
background: var(--surface-container-high);
border: 1px solid var(--outline-variant);
}
.et-product__summary .et-pcard__vendorname { color: var(--on-surface); }
.et-product__terms {
display: flex;
align-items: center;
gap: 0.45rem;
margin-block-start: 0.85rem;
color: var(--on-surface-variant);
font-size: 0.92rem;
}
.et-product__terms a { color: var(--primary); text-decoration: none; }
.et-product__terms a:hover { text-decoration: underline; }
.et-product__termicon { display: inline-flex; flex: 0 0 auto; color: var(--et-muted); }
.et-product__termicon .et-i { width: 1.05rem; height: 1.05rem; }
.et-product__termvals { min-width: 0; }
.et-product-related {
margin-block-start: 3rem;
padding-block-start: 2rem;
border-block-start: 1px solid var(--outline-variant);
}
.et-product-related h2 { margin-block: 0 1.25rem; }
.et-product-related .woocommerce { padding: 0; }
.et-home-hero + .et-product-related { margin-block-start: 0; padding-block-start: 0; border-block-start: 0; }
.et-brands__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-block: 0 1.25rem; }
.et-brands__head h2 { margin: 0; }
.et-brands__all { display: inline-flex; align-items: center; gap: 0.15rem; flex: 0 0 auto; font-weight: 600; color: var(--primary); text-decoration: none; white-space: nowrap; }
.et-brands__all:hover { text-decoration: underline; }
.et-brands__all .et-i { width: 1.1rem; height: 1.1rem; }
.et-brand-tiles {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
gap: 0.75rem;
}
.et-brand-tile {
display: flex;
align-items: center;
justify-content: center;
min-height: 5.5rem;
padding: 1rem;
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius, 1rem);
background: var(--surface);
text-decoration: none;
color: inherit;
transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
.et-brand-tile:hover { border-color: var(--primary); box-shadow: 0 4px 14px rgba(0,0,0,0.08); transform: translateY(-2px); }
.et-brand-tile img { max-width: 100%; max-height: 3.25rem; object-fit: contain; }
.et-brand-tile--text { font-weight: 600; text-align: center; }
.et-brand-tile__name { font-size: 0.95rem; line-height: 1.25; }
.et-azjump { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 1.75rem; }
.et-azjump a {
display: inline-flex; align-items: center; justify-content: center;
min-inline-size: 2.1rem; block-size: 2.1rem; padding: 0 0.5rem;
border: 1px solid var(--et-line); border-radius: 999px;
background: var(--surface-container-low, var(--surface));
color: var(--on-surface); font-weight: 600; text-decoration: none;
}
.et-azjump a:hover { border-color: var(--primary); color: var(--primary); }
.et-brandindex { margin: 0 0 1.75rem; }
.et-brandindex__letter {
font-size: 1.25rem; margin: 0 0 0.7rem; padding-block-end: 0.3rem;
border-block-end: 2px solid var(--primary-container); color: var(--primary);
scroll-margin-top: 5rem;
}
.et-brandlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0.5rem; }
@media (min-width: 601px) { .et-brandlist { grid-template-columns: 1fr 1fr; } }
@media (min-width: 993px) { .et-brandlist { grid-template-columns: 1fr 1fr 1fr; } }
.et-brandlist__item {
display: flex; align-items: center; justify-content: space-between; gap: 0.6rem;
padding: 0.6rem 0.9rem; border-radius: var(--et-radius);
border: 1px solid var(--et-line); background: var(--surface-container-low, var(--surface));
color: var(--on-surface); text-decoration: none;
transition: border-color var(--et-dur) var(--et-ease), box-shadow var(--et-dur) var(--et-ease);
}
.et-brandlist__item:hover { border-color: color-mix(in srgb, var(--primary) 38%, transparent); box-shadow: var(--et-sh-1); }
.et-brandlist__name { font-weight: 600; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.et-brandlist__count {
flex: none; font-size: 0.8rem; font-weight: 600; color: var(--et-muted);
background: color-mix(in srgb, var(--on-surface) 6%, transparent);
border-radius: 999px; padding: 0.1rem 0.55rem;
}
.woocommerce ul.products.et-shelf {
display: flex;
flex-wrap: nowrap;
gap: 1rem;
overflow-x: auto;
padding-block-end: 0.5rem;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.woocommerce ul.products.et-shelf::-webkit-scrollbar { width: 0; height: 0; display: none; }
.woocommerce ul.products.et-shelf > li.product.et-pcard,
.woocommerce ul.products.et-shelf > li.et-shelf-more {
flex: 0 0 auto;
width: 10.5rem;
}
@media (min-width: 601px) {
.woocommerce ul.products.et-shelf > li.product.et-pcard,
.woocommerce ul.products.et-shelf > li.et-shelf-more { width: 12rem; }
}
.et-product-grid.et-has-shelf { position: relative; }
.et-shelf-nav {
position: absolute;
top: 6rem;
transform: translateY(-50%);
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
inline-size: 2.5rem;
block-size: 2.5rem;
min-inline-size: 0;
min-block-size: 0;
margin: 0;
padding: 0;
border: 1px solid var(--outline-variant);
border-radius: 999px;
background: var(--surface);
color: var(--on-surface);
box-shadow: var(--et-sh-2);
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease, background 0.15s ease;
}
.et-product-grid.et-has-shelf:hover .et-shelf-nav { opacity: 1; pointer-events: auto; }
.et-shelf-nav:hover { background: var(--surface-container-high); }
.et-shelf-nav--prev { left: 0.25rem; }
.et-shelf-nav--next { right: 0.25rem; }
.et-shelf-nav svg { inline-size: 1.4rem; block-size: 1.4rem; }
@media (hover: none) { .et-shelf-nav { display: none; } }
.et-shelf-more > a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.6rem;
block-size: 100%;
min-block-size: 10.5rem;
padding: 1rem;
border: 1px dashed var(--outline-variant);
border-radius: 0.9rem;
color: var(--primary);
font-weight: 600;
text-align: center;
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease;
}
.et-shelf-more > a:hover { background: var(--surface-container); border-color: var(--primary); }
.et-shelf-more__icon {
display: flex;
align-items: center;
justify-content: center;
inline-size: 2.75rem;
block-size: 2.75rem;
border-radius: 999px;
background: color-mix(in srgb, var(--primary) 12%, transparent);
}
.et-shelf-more__icon .et-i { inline-size: 1.4rem; block-size: 1.4rem; }
.et-deal-group__sub { margin: -0.35rem 0 1.1rem; color: var(--et-muted); max-width: 60ch; }
.et-cat-tiles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 993px) { .et-cat-tiles { grid-template-columns: repeat(4, 1fr); } }
.et-cat-tile {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.6rem;
min-width: 0;
padding: 1.4rem 1rem;
text-align: center;
text-decoration: none;
color: var(--on-surface);
background: var(--surface-container);
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.et-cat-tile:hover { background: var(--surface-container-high); box-shadow: var(--et-sh-1); transform: translateY(-2px); }
.et-cat-tile__media {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 4rem;
height: 4rem;
border-radius: 999px;
background: var(--surface-container-high);
color: var(--primary);
overflow: hidden;
}
.et-cat-tile__media img { width: 100%; height: 100%; object-fit: cover; }
.et-cat-tile__media .et-i { width: 1.8rem; height: 1.8rem; }
.et-cat-tile__name { font-weight: 700; font-size: 0.95rem; line-height: 1.3; }
.et-cat-tile__count { font-size: 0.8rem; color: var(--et-muted); }
.woocommerce .quantity .qty {
width: 4.5rem;
padding: 0.5rem;
background: var(--surface-container-low, var(--surface-container));
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
color: var(--on-surface);
text-align: center;
}
.woocommerce table.shop_table,
.woocommerce table.cart,
.woocommerce-cart table.cart,
.woocommerce table.shop_attributes {
width: 100%;
border-collapse: collapse;
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
overflow: hidden;
background: var(--surface-container);
color: var(--on-surface);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
padding: 0.75rem 0.9rem;
border-block-start: 1px solid var(--outline-variant);
text-align: start;
}
.woocommerce table.shop_table thead th {
background: var(--surface-container-high);
border-block-start: none;
font-weight: 600;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection,
.woocommerce #order_comments,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"] {
width: 100%;
padding: 0.6rem 0.75rem;
background: var(--surface-container-low, var(--surface-container));
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
color: var(--on-surface);
}
.woocommerce form .form-row label {
color: var(--on-surface-variant);
font-weight: 500;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
outline: 2px solid color-mix(in srgb, var(--primary) 60%, transparent);
outline-offset: 1px;
}
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #payment {
background: var(--surface-container);
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
padding: 1rem;
}
.woocommerce-checkout #payment {
background: var(--surface-container-high);
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce p.no-comments {
border-radius: var(--et-radius);
border: 1px solid var(--outline-variant);
padding: 0.85rem 1rem;
margin-block: 1rem;
list-style: none;
color: var(--on-surface);
}
.woocommerce-message {
background: color-mix(in srgb, var(--primary) 12%, var(--surface-container));
border-color: color-mix(in srgb, var(--primary) 40%, transparent);
border-inline-start: 4px solid var(--primary);
}
.woocommerce-info {
background: color-mix(in srgb, var(--on-surface-variant) 10%, var(--surface-container));
border-inline-start: 4px solid var(--on-surface-variant);
}
.woocommerce-error {
background: color-mix(in srgb, var(--error) 14%, var(--surface-container));
border-color: color-mix(in srgb, var(--error) 45%, transparent);
border-inline-start: 4px solid var(--error);
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
float: right;
padding: 0.3rem 0.8rem;
}
.et-loadmore {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.85rem;
margin-block-start: 2.75rem !important;
text-align: center;
}
.et-loadmore__count {
margin: 0;
font-size: 0.9rem;
color: var(--et-muted);
}
.et-loadmore__shown { color: var(--on-surface); font-weight: 700; }
.et-loadmore__bar {
-webkit-appearance: none;
appearance: none;
inline-size: min(22rem, 78%);
block-size: 0.4rem;
border: 0;
border-radius: 999px;
background: var(--surface-container-high);
overflow: hidden;
}
.et-loadmore__bar::-webkit-progress-bar { background: var(--surface-container-high); border-radius: 999px; }
.et-loadmore__bar::-webkit-progress-value { background: var(--primary); border-radius: 999px; transition: inline-size 0.3s ease; }
.et-loadmore__bar::-moz-progress-bar { background: var(--primary); border-radius: 999px; }
.et-loadmore__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: 12rem;
padding: 0.7rem 2rem;
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
background: var(--surface);
color: var(--on-surface);
font-weight: 600;
font-size: 0.95rem;
cursor: pointer;
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease;
}
.et-loadmore__btn:hover { background: var(--surface-container-high); border-color: var(--outline); }
.et-loadmore__btn.is-loading { opacity: 0.65; pointer-events: none; }
.woocommerce nav.woocommerce-pagination {
margin-block-start: 2.75rem;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
display: flex;
justify-content: center;
gap: 0.35rem;
flex-wrap: wrap;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.4rem 0.75rem;
border: 1px solid var(--outline-variant);
border-radius: var(--et-radius);
background: var(--surface-container);
color: var(--on-surface);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--primary);
color: var(--on-primary);
border-color: var(--primary);
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
border-color: var(--primary);
}