#ds-catalog-grid.ds-loading {
opacity: 0.5;
pointer-events: none;
}
#ds-catalog-grid.ds-view-list {
grid-template-columns: 1fr;
}
#ds-catalog-grid.ds-view-list .ds-product-card {
display: grid;
grid-template-columns: 120px 1fr auto;
gap: 1rem;
align-items: center;
}
#ds-catalog-grid.ds-view-list .ds-product-card .h-48 {
height: 96px;
margin-bottom: 0;
}
#ds-catalog-grid.ds-view-list .ds-product-card .mb-4 {
margin-bottom: 0;
}
#ds-catalog-grid.ds-view-list .ds-product-card .border-t {
border-top: none;
padding-top: 0;
} .ds-zoom-area.ds-zoom-active {
cursor: zoom-out;
}
.ds-zoom-area.ds-zoom-active img {
transform: scale(1.7);
}
.ds-zoom-area img {
cursor: zoom-in;
} .ds-tab-panel[hidden] {
display: none;
} body.ds-modal-open {
overflow: hidden;
}
.ds-modal[hidden] {
display: none;
}
.ds-msg-error {
color: rgb(var(--ds-error));
}
.ds-msg-success {
color: rgb(var(--ds-success));
} .woocommerce-checkout .ds-checkout-field {
margin-bottom: 0;
}
.woocommerce-checkout .form-row {
display: block;
}
.woocommerce-checkout .form-row label {
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgb(var(--ds-on-surface-variant));
display: block;
margin-bottom: 0.5rem;
}
.woocommerce-checkout .form-row .optional {
display: none;
}
.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
width: 100%;
border-radius: 0;
border: 1px solid rgb(var(--ds-outline));
background: var(--ds-surface-input);
color: rgb(var(--ds-on-surface));
font-family: 'Inter', sans-serif;
font-size: 16px;
padding: 0.75rem 1rem;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
border-color: rgb(var(--ds-brand-red));
box-shadow: 0 0 0 1px rgb(var(--ds-brand-red));
} .woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
list-style: none;
border-left: 4px solid rgb(var(--ds-brand-red));
background: var(--ds-surface-input);
border: 1px solid rgb(var(--ds-surface-variant));
border-left-color: rgb(var(--ds-brand-red));
padding: 1rem 1.25rem;
margin-bottom: 1rem;
font-family: 'Inter', sans-serif;
font-size: 14px;
color: rgb(var(--ds-on-surface));
box-shadow: var(--ds-shadow-1);
}
.woocommerce-checkout .woocommerce-error {
border-left-color: rgb(var(--ds-brand-red));
} input[data-ds-qty-input]::-webkit-outer-spin-button,
input[data-ds-qty-input]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}  .ds-cat-btn.ds-cat-active {
color: rgb(var(--ds-brand-red));
font-weight: 700;
border-color: rgb(var(--ds-brand-red));
} .ds-cat-toggle .ds-icon {
transition: transform 0.2s ease;
}
.ds-cat-toggle[aria-expanded="true"] .ds-icon {
transform: rotate(180deg);
} #ds-filters input[type="checkbox"].ds-cb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
flex-shrink: 0;
margin: 0;
border: 1px solid rgb(var(--ds-outline));
border-radius: 0;
background: var(--ds-surface-input);
cursor: pointer;
position: relative;
transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
#ds-filters input[type="checkbox"].ds-cb:hover {
border-color: rgb(var(--ds-brand-red));
}
#ds-filters input[type="checkbox"].ds-cb:focus-visible {
outline: none;
box-shadow: 0 0 0 1px rgb(var(--ds-brand-red));
}
#ds-filters input[type="checkbox"].ds-cb:checked {
border-color: rgb(var(--ds-brand-red));
background-color: rgb(var(--ds-brand-red));
}
#ds-filters input[type="checkbox"].ds-cb:checked::after {
content: '';
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .ds-price-slider .ds-range {
-webkit-appearance: none;
appearance: none;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
background: transparent;
pointer-events: none;
}
.ds-price-slider .ds-range-min {
z-index: 3;
}
.ds-price-slider .ds-range-max {
z-index: 2;
}
.ds-price-slider .ds-range::-webkit-slider-runnable-track {
background: transparent;
height: 100%;
border: none;
}
.ds-price-slider .ds-range::-moz-range-track {
background: transparent;
height: 100%;
border: none;
}
.ds-price-slider .ds-range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
pointer-events: auto;
width: 18px;
height: 18px;
border-radius: 0;
background: var(--ds-surface-input);
border: 2px solid rgb(var(--ds-brand-red));
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
cursor: grab;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ds-price-slider .ds-range::-webkit-slider-thumb:hover {
box-shadow: 3px 3px 0 rgba(242, 6, 3, 0.35);
}
.ds-price-slider .ds-range::-webkit-slider-thumb:active {
cursor: grabbing;
transform: scale(1.05);
}
.ds-price-slider .ds-range::-moz-range-thumb {
pointer-events: auto;
width: 14px;
height: 14px;
border-radius: 0;
background: var(--ds-surface-input);
border: 2px solid rgb(var(--ds-brand-red));
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
cursor: grab;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ds-price-slider .ds-range::-moz-range-thumb:hover {
box-shadow: 3px 3px 0 rgba(242, 6, 3, 0.35);
}
.ds-price-slider .ds-range::-moz-range-thumb:active {
cursor: grabbing;
transform: scale(1.05);
} #ds-company-fields {
display: none;
}
#ds-company-fields.ds-company-fields--open {
display: grid;
} form.checkout .form-row > label {
display: block;
width: fit-content;
margin-bottom: 8px;
padding: 2px 10px;
font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 11px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgb(var(--ds-on-surface-variant, 68 71 74));
background: rgb(var(--ds-surface-container-low, 243 244 245));
border: 1px solid rgb(var(--ds-outline-variant, 197 198 202));
border-radius: 4px;
}
form.checkout .form-row.validate-required > label {
color: rgb(var(--ds-primary, 0 1 1));
border-color: rgb(var(--ds-brand-red, 240 6 3) / 0.5);
background: rgb(var(--ds-brand-red, 240 6 3) / 0.04);
}
form.checkout .form-row.validate-required > label .required {
color: rgb(var(--ds-brand-red, 240 6 3));
font-size: 13px;
font-weight: 700;
margin-left: 2px;
} #billing_address_2_field::before {
display: none;
} #ds-company-fields #billing_company_field,
#ds-company-fields #billing_legal_address_field {
grid-column: 1 / -1;
}