.k-woo ul.products {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
gap: var(--k-space-4);
margin: 0;
padding: 0;
list-style: none;
}
.k-woo ul.products li.product {
display: flex;
flex-direction: column;
gap: var(--k-space-2);
min-inline-size: 0;
background-color: var(--k-surface);
border-radius: var(--k-radius-md);
padding: var(--k-space-3);
}
.k-woo ul.products li.product img {
inline-size: 100%;
block-size: auto;
border-radius: calc(var(--k-radius-md) - var(--k-border-w));
aspect-ratio: 1 / 1;
object-fit: cover;
background-color: var(--k-bg-subtle);
}
.k-woo .woocommerce-loop-product__title {
font-family: var(--k-font-head);
font-size: var(--k-fs-1);
line-height: 1.3;
color: var(--k-text);
}
.k-woo .price {
color: var(--k-accent);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.k-woo .price del {
color: var(--k-text-faint);
font-weight: 400;
margin-inline-end: 0.4em;
}
.k-woo .onsale {
position: absolute;
inset-block-start: var(--k-space-2);
inset-inline-start: var(--k-space-2);
z-index: 2;
padding: 0.2em 0.7em;
background-color: var(--k-accent);
color: var(--k-accent-contrast);
border-radius: var(--k-radius-sm);
font-size: var(--k-fs--2);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.k-woo ul.products li.product {
position: relative;
} .k-woo .button,
.k-woo button.button,
.k-woo .single_add_to_cart_button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--k-space-1);
padding: var(--k-space-1) var(--k-space-3);
min-block-size: 44px;
background-color: var(--k-accent);
border: var(--k-border-w) solid var(--k-accent);
border-radius: var(--k-radius-sm);
color: var(--k-accent-contrast);
font-family: var(--k-font-head);
font-size: var(--k-fs--1);
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.k-woo .button:hover,
.k-woo button.button:hover,
.k-woo .single_add_to_cart_button:hover {
background-color: var(--k-accent-hover);
border-color: var(--k-accent-hover);
color: var(--k-accent-contrast);
} .k-woo div.product {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--k-space-5);
}
@media (min-width: 40em) {
.k-woo div.product {
grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
align-items: start;
}
.k-woo div.product .woocommerce-tabs,
.k-woo div.product .related.products,
.k-woo div.product .upsells.products {
grid-column: 1 / -1;
}
}
.k-woo div.product .woocommerce-product-gallery img {
border-radius: var(--k-radius-md);
}
.k-woo .product_title {
font-size: var(--k-fs-4);
line-height: 1.15;
}
.k-woo div.product p.price {
font-size: var(--k-fs-2);
}
.k-woo .woocommerce-product-details__short-description {
color: var(--k-text-muted);
line-height: var(--k-lh-body);
} .k-woo .woocommerce-tabs ul.tabs {
display: flex;
flex-wrap: wrap;
gap: var(--k-space-3);
margin: 0 0 var(--k-space-3);
padding: 0;
list-style: none;
border-block-end: var(--k-border-w) solid var(--k-border);
}
.k-woo .woocommerce-tabs ul.tabs a {
display: inline-block;
padding-block: var(--k-space-1);
color: var(--k-text-muted);
font-weight: 600;
text-decoration: none;
}
.k-woo .woocommerce-tabs ul.tabs li.active a {
color: var(--k-text);
box-shadow: inset 0 -2px 0 var(--k-accent);
} .k-woo input.input-text,
.k-woo .quantity .qty,
.k-woo select {
padding: var(--k-space-1) var(--k-space-2);
background-color: var(--k-surface);
border: var(--k-border-w) solid var(--k-border);
border-radius: var(--k-radius-sm);
color: var(--k-text);
font: inherit;
min-block-size: 44px;
}
.k-woo .woocommerce-message,
.k-woo .woocommerce-info,
.k-woo .woocommerce-error {
margin-block: 0 var(--k-space-4);
padding: var(--k-space-2) var(--k-space-3);
background-color: var(--k-accent-subtle);
border-inline-start: 3px solid var(--k-accent);
border-radius: var(--k-radius-sm);
color: var(--k-text);
list-style: none;
}
.k-woo .woocommerce-error {
border-inline-start-color: var(--k-accent-2);
} .k-woo .woocommerce-breadcrumb {
margin-block-end: var(--k-space-3);
color: var(--k-text-faint);
font-size: var(--k-fs--1);
}
.k-woo .woocommerce-breadcrumb a {
color: var(--k-text-muted);
text-decoration: none;
}
.k-woo nav.woocommerce-pagination ul {
display: flex;
flex-wrap: wrap;
gap: var(--k-space-1);
margin: var(--k-space-5) 0 0;
padding: 0;
list-style: none;
border: 0;
}
.k-woo nav.woocommerce-pagination ul li {
border: 0;
}
.k-woo nav.woocommerce-pagination ul li a,
.k-woo nav.woocommerce-pagination ul li span {
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: 44px;
min-block-size: 44px;
border-radius: var(--k-radius-sm);
color: var(--k-text);
text-decoration: none;
}
.k-woo nav.woocommerce-pagination ul li span.current {
background-color: var(--k-accent);
color: var(--k-accent-contrast);
}
.k-woo nav.woocommerce-pagination ul li a:hover {
background-color: var(--k-bg-subtle);
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:transparent;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}