/*
 * WooCommerce classic-loop adapter.
 *
 * WooCommerce remains the owner of products, loop queries, prices, stock,
 * add-to-cart URLs, AJAX and fragments. These selectors neutralize only the
 * default WooCommerce card presentation inside the package-owned host class,
 * so the same canonical ProductCardRenderer looks identical in archives,
 * related/up-sell/cross-sell loops and non-WooCommerce homepage grids.
 */
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host {
    float: none;
    clear: none;
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
    transform: none;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host > .hdc-product-card,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host > .hdc-product-card {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__image-link img,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__image-link img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title {
    margin: 0;
    padding: 0;
    color: var(--hdf-color-link, var(--hdc-card-title-link-fallback, #05658A));
    font-family: var(--hdc-font-body);
    font-size: var(--hdc-card-title-size, 13px);
    font-weight: var(--hdc-card-title-weight, 700);
    line-height: 1.35;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__category a,
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title a,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__category a,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title a {
    color: inherit;
    text-decoration: none;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--category-underline .hdc-product-card__category a:hover,
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--category-underline .hdc-product-card__category a:focus-visible,
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--title-underline .hdc-product-card__title a:hover,
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--title-underline .hdc-product-card__title a:focus-visible,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--category-underline .hdc-product-card__category a:hover,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--category-underline .hdc-product-card__category a:focus-visible,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--title-underline .hdc-product-card__title a:hover,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card--title-underline .hdc-product-card__title a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__category a:hover,
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__category a:focus-visible,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__category a:hover,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__category a:focus-visible {
    color: var(--hdc-card-category-hover-color, #111827);
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title a:hover,
.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title a:focus-visible,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title a:hover,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__title a:focus-visible {
    color: var(--hdf-color-link-hover, var(--hdf-color-link, var(--hdc-card-title-link-hover-fallback, #034E6F)));
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__price-stack.price,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__price-stack.price {
    display: flex;
    margin: 0;
    color: var(--hdc-card-price-color, var(--hdc-text));
    font-family: var(--hdc-font-heading);
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.15;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__price-stack.price del,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__price-stack.price del {
    display: inline;
    color: inherit;
    opacity: 1;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__price-stack.price ins,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card__price-stack.price ins {
    display: inline;
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-decoration: none;
}

.hyperdaf-global-product-card .woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .button,
body.hyperdaf-global-product-card.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .button {
    margin-top: 0;
}

.hyperdaf-commerce-active.hyperdaf-global-product-card .woocommerce ul.products,
body.hyperdaf-commerce-active.hyperdaf-global-product-card.woocommerce ul.products {
    overflow: visible;
}

.hyperdaf-commerce-active.hyperdaf-global-product-card .woocommerce ul.products li.product {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    transform: none;
}

body.hdc-card-hover-front.woocommerce ul.products li.product:hover,
body.hdc-card-hover-front.woocommerce ul.products li.product:has(.hdc-product-card :focus-visible),
.hdc-card-hover-front .woocommerce ul.products li.product:hover,
.hdc-card-hover-front .woocommerce ul.products li.product:has(.hdc-product-card :focus-visible),
.hdc-card-hover-front .hdc-product-slider__item:hover,
.hdc-card-hover-front .hdc-product-slider__item:has(.hdc-product-card :focus-visible),
.hdc-card-hover-front .hdc-selection-grid__item:hover,
.hdc-card-hover-front .hdc-selection-grid__item:has(.hdc-product-card :focus-visible) {
    z-index: 20;
}

.hyperdaf-global-product-card .products .product,
.hdc-product-slider__item,
.hdc-selection-grid__item {
    min-width: 0;
}

.hdc-product-card {
    position: relative;
    z-index: 1;
    display: flex;
    isolation: isolate;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: var(--hdc-card-edge-width, 0) solid var(--hdc-card-edge, var(--hdc-border));
    border-radius: var(--hdc-card-radius, 0);
    background: var(--hdc-card-surface, var(--hdc-surface));
    color: var(--hdc-text);
    font-family: var(--hdc-font-body);
    transition: border-color var(--hdc-card-hover-duration, 180ms) ease, background-color var(--hdc-card-hover-duration, 180ms) ease, box-shadow var(--hdc-card-hover-duration, 180ms) ease;
}

.hdc-product-card:hover,
.hdc-product-card:has(:focus-visible) {
    z-index: 30;
    border-color: var(--hdc-card-hover-edge, var(--hdc-border));
}

/* Mouse/click/context-menu focus must not latch the card hover presentation.
 * When the pointer is outside, the canonical card returns to its base edge/depth;
 * keyboard focus-visible remains independently accessible without a mouse latch. */
.hdc-product-card:not(:hover):not(:has(:focus-visible)) {
    z-index: 1;
    border-color: var(--hdc-card-edge, var(--hdc-border));
}

/*
 * Hover depth is strictly pointer-scoped. Interactive descendants may keep
 * keyboard/click focus after an action, but that focus must never latch the
 * visual hover shadow once the pointer leaves the card.
 */
.hdc-card-hover-shadow .hdc-product-card:hover {
    box-shadow: var(--hdc-card-hover-shadow-x, 0) var(--hdc-card-hover-shadow-y, 0) var(--hdc-card-hover-shadow-blur, 6px) var(--hdc-card-hover-shadow-spread, 0) rgba(var(--hdc-card-hover-shadow-rgb, 0, 0, 0), var(--hdc-card-hover-shadow-opacity, 0.25));
}

.hdc-card-hover-shadow .hdc-product-card:not(:hover) {
    box-shadow: none;
}


.hdc-product-card a {
    color: inherit;
    text-decoration: none;
}

/* Canonical global Product Card link ownership. These selectors intentionally
 * outrank generic Theme content-link rules without !important, so direct card
 * contexts (Cart recommendations, homepage grids, Single Product recommendations)
 * render exactly like Shop/Archive loop cards. */
.hdc-product-card .hdc-product-card__title a,
.hdc-product-card .hdc-product-card__list-title a {
    color: var(--hdf-color-link, var(--hdc-card-title-link-fallback, #05658A));
    text-decoration: none;
}

.hdc-product-card .hdc-product-card__title a:hover,
.hdc-product-card .hdc-product-card__title a:focus-visible,
.hdc-product-card .hdc-product-card__list-title a:hover,
.hdc-product-card .hdc-product-card__list-title a:focus-visible {
    color: var(--hdf-color-link-hover, var(--hdf-color-link, var(--hdc-card-title-link-hover-fallback, #034E6F)));
}

.hdc-product-card .hdc-product-card__category a {
    color: var(--hdc-card-category-color, #374151);
    text-decoration: none;
}

.hdc-product-card .hdc-product-card__category a:hover,
.hdc-product-card .hdc-product-card__category a:focus-visible {
    color: var(--hdc-card-category-hover-color, #111827);
}

.hdc-product-card__category {
    padding: 8px var(--hdc-card-content-padding, 12px) 0;
    overflow: hidden;
    color: var(--hdc-card-category-color, #374151);
    font-family: var(--hdc-font-ui);
    font-size: var(--hdc-card-category-size, 12px);
    font-weight: var(--hdc-card-category-weight, 500);
    letter-spacing: 0.015em;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdc-product-card__category a {
    display: inline;
    color: inherit;
    text-decoration: none;
}

.hdc-product-card__category a:hover,
.hdc-product-card__category a:focus-visible {
    color: var(--hdc-card-category-hover-color, #111827);
}

.hdc-product-card__category-structured {
    display: none;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
}

.hdc-product-card__category-parent,
.hdc-product-card__category-child,
.hdc-product-card__category-separator {
    color: inherit;
}

.hdc-product-card--category-underline .hdc-product-card__category a:hover,
.hdc-product-card--category-underline .hdc-product-card__category a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.hdc-card-category-uppercase .hdc-product-card__category {
    text-transform: uppercase;
}

.hdc-card-category-normal .hdc-product-card__category {
    text-transform: none;
}

.hdc-product-card__media {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: var(--hdc-card-section-gap, 4px) var(--hdc-card-content-padding, 12px) 0;
    background: var(--hdc-card-media-surface, var(--hdc-surface));
}

.hdc-product-card__media::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: var(--hdc-card-image-hover-overlay, #FFFFFF);
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--hdc-card-hover-duration, 180ms) ease;
}

.hdc-product-card--image-whiten .hdc-product-card__media:hover::after,
.hdc-product-card--image-whiten .hdc-product-card__media:has(:focus-visible)::after {
    opacity: var(--hdc-card-image-hover-opacity, 0.6);
}

.hdc-card-media-square .hdc-product-card__media {
    aspect-ratio: 1 / 1;
}

.hdc-card-media-landscape .hdc-product-card__media {
    aspect-ratio: 4 / 3;
}

.hdc-card-media-portrait .hdc-product-card__media {
    aspect-ratio: 4 / 5;
}

.hdc-product-card__image-link {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: var(--hdc-card-image-padding, 0);
}

.hdc-product-card__image-link img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: none;
}

.hdc-card-image-contain .hdc-product-card__image-link img {
    object-fit: contain;
}

.hdc-card-image-cover .hdc-product-card__image-link img {
    object-fit: cover;
}

.hdc-product-card__badges {
    position: absolute;
    inset-block-start: 8px;
    inset-inline-start: 8px;
    z-index: 4;
    display: flex;
    max-width: calc(100% - 16px);
    flex-wrap: wrap;
    gap: 6px;
    pointer-events: none;
}

.hdc-product-card__badge {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 3px 8px;
    border-radius: 3px;
    color: var(--hdc-button-text);
    font-family: var(--hdc-font-ui);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.hdc-product-card__badge--sale {
    background: var(--hdc-success);
}

.hdc-product-card__badge--new {
    background: var(--hdc-primary);
}

.hdc-product-card__media-actions {
    position: absolute;
    inset-block-start: 58%;
    inset-inline-start: 50%;
    z-index: 5;
    display: grid;
    width: max-content;
    max-width: calc(100% - 24px);
    justify-items: center;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, calc(-50% + 8px));
    transition: opacity var(--hdc-card-hover-duration, 180ms) ease, transform var(--hdc-card-hover-duration, 180ms) ease, visibility var(--hdc-card-hover-duration, 180ms) ease;
}

.hdc-product-card__media:hover .hdc-product-card__media-actions,
.hdc-product-card__media:has(:focus-visible) .hdc-product-card__media-actions {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%);
}

.hdc-product-card__quick-action,
.hdc-product-card__round-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.hdc-product-card__media-action {
    display: inline-flex;
    width: auto;
    min-width: 0;
    min-height: var(--hdc-card-quick-view-height, 36px);
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 7px 14px;
    border: 1px solid var(--hdc-card-hover-action-background, var(--hdc-primary, #F97316));
    border-radius: calc(var(--hdc-card-quick-view-height, 36px) / 2);
    background-color: var(--hdc-card-hover-action-background, var(--hdc-primary, #F97316));
    color: var(--hdc-card-hover-action-color, #FFFFFF);
    font-family: var(--hdc-font-ui);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
}

.hdc-product-card__round-actions .hdc-selection-button {
    display: inline-flex;
    width: var(--hdc-card-hover-action-size, 36px);
    height: var(--hdc-card-hover-action-size, 36px);
    min-width: var(--hdc-card-hover-action-size, 36px);
    min-height: var(--hdc-card-hover-action-size, 36px);
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hdc-card-hover-action-background, var(--hdc-primary));
    border-radius: 50%;
    background: var(--hdc-card-hover-action-background, var(--hdc-primary));
    color: var(--hdc-card-hover-action-color, #FFFFFF);
    line-height: 0;
    cursor: pointer;
}

.hdc-product-card__round-actions .hdc-selection-button .hdc-icon {
    display: block;
    margin: 0;
    transform: none;
}

.hdc-product-card__media-action:hover,
.hdc-product-card__media-action:focus-visible,
.hdc-product-card__round-actions .hdc-selection-button:hover,
.hdc-product-card__round-actions .hdc-selection-button:focus-visible,
.hdc-product-card__round-actions .hdc-selection-button[aria-pressed="true"] {
    border-color: var(--hdc-card-hover-action-hover-background, var(--hdc-primary-hover));
    background: var(--hdc-card-hover-action-hover-background, var(--hdc-primary-hover));
    color: var(--hdc-card-hover-action-color, #FFFFFF);
}

.hdc-product-card__media-actions .hdc-icon {
    display: block;
    width: var(--hdc-card-hover-action-icon-size, 18px);
    height: var(--hdc-card-hover-action-icon-size, 18px);
    flex: 0 0 auto;
    color: inherit;
}

.hdc-product-card__media-action .hdc-icon {
    color: inherit;
    fill: none;
    stroke: currentColor;
}

.hdc-product-card__round-actions .hdc-selection-button span:not(.hdc-icon) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.hdc-product-card__main {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    padding: var(--hdc-card-media-title-gap, 5px) var(--hdc-card-content-padding, 12px) var(--hdc-card-bottom-padding, 8px);
}

.hdc-product-card .hdc-product-card__title {
    display: -webkit-box;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    color: var(--hdf-color-link, var(--hdc-card-title-link-fallback, #05658A));
    font-family: var(--hdc-font-body);
    font-size: var(--hdc-card-title-size, 13px);
    font-weight: var(--hdc-card-title-weight, 700);
    line-height: 1.35;
    -webkit-box-orient: vertical;
}

.hdc-card-title-lines-1 .hdc-product-card__title {
    -webkit-line-clamp: 1;
}

.hdc-card-title-lines-2 .hdc-product-card__title {
    -webkit-line-clamp: 2;
}

.hdc-card-title-lines-3 .hdc-product-card__title {
    -webkit-line-clamp: 3;
}

.hdc-product-card__title a:hover,
.hdc-product-card__title a:focus-visible {
    color: var(--hdf-color-link-hover, var(--hdf-color-link, var(--hdc-card-title-link-hover-fallback, #034E6F)));
}

.hdc-product-card--title-underline .hdc-product-card__title a:hover,
.hdc-product-card--title-underline .hdc-product-card__title a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.hdc-product-card__commerce-row {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-block-start: var(--hdc-card-title-price-gap, 5px);
}

.hdc-product-card__price-stack {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    color: var(--hdc-card-price-color, var(--hdc-text));
    font-family: var(--hdc-font-heading);
    line-height: 1.15;
}

.hdc-product-card__current-price-row {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.hdc-product-card__price-overline {
    color: var(--hdc-card-price-color, var(--hdc-text));
    font-size: calc(var(--hdc-card-price-size, 16px) - var(--hdc-card-old-price-offset, 5px));
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.hdc-product-card__price-overline--old {
    color: var(--hdc-card-old-price-color, var(--hdc-danger));
}

.hdc-product-card__price-overline--placeholder {
    visibility: hidden;
    pointer-events: none;
    user-select: none;
}

.hdc-product-card__price-overline del {
    color: inherit;
    opacity: 1;
    text-decoration-color: currentColor;
}

.hdc-product-card__price-current {
    color: var(--hdc-card-price-color, var(--hdc-text));
    font-size: var(--hdc-card-price-size, 16px);
    font-weight: var(--hdc-card-price-weight, 700);
    line-height: 1.15;
    white-space: nowrap;
}

.hdc-product-card__price-current .woocommerce-Price-amount,
.hdc-product-card__price-overline .woocommerce-Price-amount {
    color: inherit;
    font: inherit;
}

.hdc-product-card__rating {
    display: inline-flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    color: var(--hdc-muted-text);
    font-size: 0.72rem;
    line-height: 1;
    white-space: nowrap;
}

.hdc-product-card__list-side {
    display: none;
}

.hdc-product-card__stars {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0;
    font-size: var(--hdc-card-rating-size, 13px);
    line-height: 1;
}

.hdc-product-card__star {
    position: relative;
    display: inline-block;
    width: 1em;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: var(--hdc-card-rating-empty-color, #D1D5DB);
    font-family: var(--hdc-font-ui);
    line-height: 1;
}

.hdc-product-card__star.is-full {
    color: var(--hdc-card-rating-color, #FFB900);
    font-size: 0;
}

.hdc-product-card__star.is-full::before {
    content: "★";
    font-size: var(--hdc-card-rating-size, 13px);
}

.hdc-product-card__star.is-half::after {
    position: absolute;
    inset: 0 auto 0 0;
    width: 50%;
    overflow: hidden;
    color: var(--hdc-card-rating-color, #FFB900);
    content: "★";
}

.hdc-product-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-block-start: var(--hdc-card-section-gap, 4px);
}

.hdc-product-card__chips span {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    overflow: hidden;
    padding: 3px 7px;
    border: 1px solid var(--hdc-card-edge, var(--hdc-border));
    border-radius: 3px;
    color: var(--hdc-muted-text);
    font-size: 0.65rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdc-product-card__chips .hdc-product-card__chip--success {
    border-color: var(--hdc-success);
    color: var(--hdc-success);
}

.hdc-product-card__chips .hdc-product-card__chip--danger {
    border-color: var(--hdc-danger);
    color: var(--hdc-danger);
}

.hdc-product-card__actions {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: max(var(--hdc-card-action-size, 32px), var(--hdc-card-wishlist-button-size, 36px));
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-block-start: var(--hdc-card-price-action-gap, 4px);
}

.hdc-product-card__utility-actions {
    display: flex;
    min-width: var(--hdc-card-wishlist-button-size, 36px);
    align-items: center;
    justify-content: flex-start;
}

.hdc-product-card__utility-actions:empty {
    flex: 1 1 auto;
}

.hdc-product-card__utility-actions .hdc-selection-button {
    display: inline-flex;
    width: var(--hdc-card-wishlist-button-size, 36px);
    height: var(--hdc-card-wishlist-button-size, 36px);
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--hdc-card-wishlist-color, var(--hdc-text));
    line-height: 0;
    cursor: pointer;
}

.hdc-product-card__utility-actions .hdc-selection-button:hover,
.hdc-product-card__utility-actions .hdc-selection-button:focus-visible {
    background: transparent;
    color: var(--hdc-primary-hover);
}

.hdc-product-card__utility-actions [data-hdc-wishlist][aria-pressed="true"] {
    background: transparent;
    color: var(--hdc-card-wishlist-active-color, var(--hdc-success));
}

.hdc-product-card__utility-actions [data-hdc-wishlist][aria-pressed="true"] .hdc-icon,
.hdc-product-card__utility-actions [data-hdc-wishlist][aria-pressed="true"] .hdc-icon path {
    fill: currentColor;
    stroke: currentColor;
}

.hdc-product-card__utility-actions .hdc-selection-button span:not(.hdc-icon) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.hdc-product-card .hdc-product-card__wishlist .hdc-icon {
    display: block;
    width: var(--hdc-card-wishlist-icon-size, 22px);
    height: var(--hdc-card-wishlist-icon-size, 22px);
    min-width: var(--hdc-card-wishlist-icon-size, 22px);
    min-height: var(--hdc-card-wishlist-icon-size, 22px);
    max-width: none;
    max-height: none;
    flex: 0 0 auto;
}

.hdc-product-card__cart .hdc-icon {
    width: var(--hdc-card-action-icon-size, 14px);
    height: var(--hdc-card-action-icon-size, 14px);
}

.hdc-product-card__cart {
    box-sizing: border-box;
    display: inline-flex;
    width: var(--hdc-card-action-size, 32px);
    height: var(--hdc-card-action-size, 32px);
    min-width: var(--hdc-card-action-size, 32px);
    min-height: var(--hdc-card-action-size, 32px);
    flex: 0 0 var(--hdc-card-action-size, 32px);
    align-items: center;
    justify-content: center;
    gap: 7px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hdc-card-cart-background, var(--hdc-primary, #F97316));
    border-radius: 999px;
    background-color: var(--hdc-card-cart-background, var(--hdc-primary, #F97316));
    color: var(--hdc-cart-icon-color, #FFFFFF);
    font-family: var(--hdc-font-ui);
    font-size: 0.82rem;
    font-weight: var(--hdc-font-weight-button);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
}

.hdc-product-card__cart:hover,
.hdc-product-card__cart:focus-visible {
    border-color: var(--hdc-card-cart-hover-background, var(--hdc-primary-hover, #EA580C));
    background: var(--hdc-card-cart-hover-background, var(--hdc-primary-hover, #EA580C));
    color: var(--hdc-cart-icon-color, #FFFFFF);
}

.hdc-card-cart-icon-circle .hdc-product-card__cart-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.hdc-card-cart-icon-text .hdc-product-card__cart {
    width: auto;
    min-width: 0;
    flex-basis: auto;
    padding-inline: 16px;
    border-radius: var(--hdc-button-radius);
}

.hdc-product-card__cart-glyph {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: var(--hdc-cart-icon-color, #FFFFFF);
}

.hdc-card-cart-icon-text .hdc-product-card__cart-glyph {
    width: auto;
    height: auto;
}

.hdc-product-card__cart-glyph .hdc-icon {
    display: block;
    width: var(--hdc-card-action-icon-size, 14px);
    height: var(--hdc-card-action-icon-size, 14px);
    flex: 0 0 auto;
    color: inherit;
    fill: none;
    stroke: currentColor;
}

.hdc-product-card__cart-glyph--default .hdc-icon {
    fill: currentColor;
    stroke: none;
}

.hdc-product-card__cart-glyph--added .hdc-icon {
    fill: none;
    stroke: currentColor;
}

.hdc-product-card__cart-glyph--added {
    display: none;
}

.hdc-product-card__cart.is-in-cart .hdc-product-card__cart-glyph--default,
.hdc-product-card__cart.is-added .hdc-product-card__cart-glyph--default {
    display: none;
}

.hdc-product-card__cart.is-in-cart .hdc-product-card__cart-glyph--added,
.hdc-product-card__cart.is-added .hdc-product-card__cart-glyph--added {
    display: inline-flex;
}

.hdc-product-card__cart.is-in-cart,
.hdc-product-card__cart[aria-disabled="true"] {
    cursor: default;
}

.hdc-product-card__cart.is-adding {
    cursor: progress;
    opacity: 0.75;
}

.hdc-product-card .added_to_cart.wc-forward,
.hdc-product-card__actions > .added_to_cart,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .added_to_cart.wc-forward {
    display: none;
}

.hdc-selection-grid,
.hdc-product-slider {
    align-items: stretch;
}

.hdc-selection-grid__item,
.hdc-product-slider__item {
    height: 100%;
}

.hdc-product-slider__item {
    width: min(270px, 82vw);
    scroll-snap-align: start;
}

.hyperdaf-commerce-active .woocommerce .hdc-product-card .hdc-product-card__cart,
.hyperdaf-commerce-active .woocommerce ul.products li.product .hdc-product-card__cart,
.hyperdaf-commerce-active .hdc-product-card .hdc-product-card__cart.wp-element-button {
    width: var(--hdc-card-action-size, 32px);
    height: var(--hdc-card-action-size, 32px);
    min-width: var(--hdc-card-action-size, 32px);
    min-height: var(--hdc-card-action-size, 32px);
    padding: 0;
    border: 1px solid var(--hdc-card-cart-background, var(--hdc-primary, #F97316));
    border-radius: 999px;
    background-color: var(--hdc-card-cart-background, var(--hdc-primary, #F97316));
    color: var(--hdc-cart-icon-color, #FFFFFF);
    text-decoration: none;
}

.hyperdaf-commerce-active.hdc-card-cart-icon-text .woocommerce .hdc-product-card .hdc-product-card__cart {
    width: auto;
    padding-inline: 16px;
    border-radius: var(--hdc-button-radius);
}

.hyperdaf-commerce-active .woocommerce .hdc-product-card .hdc-product-card__cart:hover,
.hyperdaf-commerce-active .woocommerce .hdc-product-card .hdc-product-card__cart:focus-visible {
    border-color: var(--hdc-card-cart-hover-background, var(--hdc-primary-hover, #EA580C));
    background: var(--hdc-card-cart-hover-background, var(--hdc-primary-hover, #EA580C));
    color: var(--hdc-cart-icon-color, #FFFFFF);
}

.hdc-product-card [data-hdc-cart-status],
.hdc-product-card-cart-state {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}


/*
 * Final global Product Card action-control contract.
 *
 * WooCommerce owns product/cart behavior. HyperDAF owns only the visual controls
 * inside its renderer boundary. The card-owned Quick View trigger deliberately
 * does not carry WooCommerce's generic `.button` class, preventing archive-only
 * cascade differences while preserving the same behavior and accessible modal.
 */
.hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view,
body.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view {
    box-sizing: border-box;
    display: inline-flex;
    width: auto;
    min-width: 0;
    height: var(--hdc-card-quick-view-height, 36px);
    min-height: var(--hdc-card-quick-view-height, 36px);
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--hdf-color-primary, var(--hdc-card-hover-action-background, #F97316));
    border-radius: calc(var(--hdc-card-quick-view-height, 36px) / 2);
    background: var(--hdf-color-primary, var(--hdc-card-hover-action-background, #F97316));
    color: var(--hdf-color-on-primary, var(--hdc-card-hover-action-color, #FFFFFF));
    box-shadow: none;
    font-family: var(--hdc-font-ui);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
}

.hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view:hover,
.hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view:focus-visible,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view:hover,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view:focus-visible {
    border-color: var(--hdf-color-primary-hover, var(--hdc-card-hover-action-hover-background, #EA580C));
    background: var(--hdf-color-primary-hover, var(--hdc-card-hover-action-hover-background, #EA580C));
    color: var(--hdf-color-on-primary, var(--hdc-card-hover-action-color, #FFFFFF));
}

.hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view .hdc-icon,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card .hdc-product-card__quick-action button.hdc-product-card__quick-view .hdc-icon {
    display: block;
    width: var(--hdc-card-hover-action-icon-size, 18px);
    height: var(--hdc-card-hover-action-icon-size, 18px);
    flex: 0 0 auto;
    color: currentColor;
    fill: none;
    stroke: currentColor;
}

.hdc-product-card a.hdc-product-card__cart,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart,
body.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.button.hdc-product-card__cart {
    width: var(--hdc-card-action-size, 32px);
    height: var(--hdc-card-action-size, 32px);
    min-width: var(--hdc-card-action-size, 32px);
    min-height: var(--hdc-card-action-size, 32px);
    flex: 0 0 var(--hdc-card-action-size, 32px);
    margin: 0;
    padding: 0;
    border: 1px solid var(--hdf-color-primary, var(--hdc-card-cart-background, #F97316));
    border-radius: 50%;
    background: var(--hdf-color-primary, var(--hdc-card-cart-background, #F97316));
    color: var(--hdc-cart-icon-color, #FFFFFF);
    box-shadow: none;
    text-decoration: none;
}

.hdc-product-card a.hdc-product-card__cart:hover,
.hdc-product-card a.hdc-product-card__cart:focus-visible,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart:hover,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart:focus-visible {
    border-color: var(--hdf-color-primary-hover, var(--hdc-card-cart-hover-background, #EA580C));
    background: var(--hdf-color-primary-hover, var(--hdc-card-cart-hover-background, #EA580C));
    color: var(--hdc-cart-icon-color, #FFFFFF);
}

.hdc-product-card a.hdc-product-card__cart .hdc-icon,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart .hdc-icon {
    color: #FFFFFF;
}

.hdc-product-card a.hdc-product-card__cart .hdc-product-card__cart-glyph--default .hdc-icon,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart .hdc-product-card__cart-glyph--default .hdc-icon {
    fill: #FFFFFF;
    stroke: none;
}

.hdc-product-card a.hdc-product-card__cart .hdc-product-card__cart-glyph--added .hdc-icon,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart .hdc-product-card__cart-glyph--added .hdc-icon {
    fill: none;
    stroke: #FFFFFF;
}


/* Persistent session-backed Product Card cart-success state.
 * The state is driven by WooCommerce cart product IDs, not a transient click
 * animation, so it survives fragment refreshes/page reloads until removal or
 * cart completion empties the WooCommerce session cart. */
.hdc-product-card a.hdc-product-card__cart.is-in-cart,
.hdc-product-card a.hdc-product-card__cart[aria-disabled="true"],
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart.is-in-cart,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart[aria-disabled="true"] {
    border-color: var(--hdf-color-success, var(--hdc-success, #15803D));
    background: var(--hdf-color-success, var(--hdc-success, #15803D));
    color: #FFFFFF;
}

.hdc-product-card a.hdc-product-card__cart.is-in-cart:hover,
.hdc-product-card a.hdc-product-card__cart.is-in-cart:focus-visible,
.hdc-product-card a.hdc-product-card__cart[aria-disabled="true"]:hover,
.hdc-product-card a.hdc-product-card__cart[aria-disabled="true"]:focus-visible,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart.is-in-cart:hover,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart.is-in-cart:focus-visible {
    border-color: var(--hdf-color-success, var(--hdc-success, #15803D));
    background: var(--hdf-color-success, var(--hdc-success, #15803D));
    color: #FFFFFF;
}

.hdc-product-card a.hdc-product-card__cart.is-in-cart .hdc-product-card__cart-glyph--added .hdc-icon,
.hdc-product-card a.hdc-product-card__cart[aria-disabled="true"] .hdc-product-card__cart-glyph--added .hdc-icon,
.woocommerce ul.products li.product.hdc-product-card-host .hdc-product-card a.hdc-product-card__cart.is-in-cart .hdc-product-card__cart-glyph--added .hdc-icon {
    width: calc(var(--hdc-card-action-icon-size, 14px) - 1px);
    height: calc(var(--hdc-card-action-icon-size, 14px) - 1px);
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2.4;
}


/* Canonical compact global horizontal list-card variant used by Homepage Top Selling Products and future list sections. */
.hdc-product-card--list {
    position: relative;
    display: grid;
    min-height: var(--hdc-list-card-height, 142px);
    grid-template-columns: minmax(96px, var(--hdc-list-card-media-width, 38%)) minmax(0, 1fr);
    align-items: stretch;
    gap: var(--hdc-list-card-gap, 10px);
    overflow: visible;
    padding: var(--hdc-list-card-padding, 8px);
    border: 1px solid var(--hdc-border, #E5E7EB);
    border-radius: 10px;
    background: var(--hdc-card-surface, #FFFFFF);
    --hdc-card-action-size: 32px;
    --hdc-card-wishlist-button-size: 32px;
    --hdc-card-hover-action-size: var(--hdc-list-card-hover-action-size, 26px);
    --hdc-card-hover-action-icon-size: var(--hdc-list-card-hover-action-icon-size, 13px);
    --hdc-card-quick-view-height: var(--hdc-list-card-quick-view-height, 26px);
    box-sizing: border-box;
}

.hdc-product-card--list .hdc-product-card__list-media.hdc-product-card__media {
    position: relative;
    isolation: isolate;
    display: flex;
    min-width: 0;
    min-height: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0;
    padding: var(--hdc-list-card-media-padding, 4px);
    border: 1px solid var(--hdc-border, #E5E7EB);
    border-radius: 6px;
    background: var(--hdc-card-media-surface, #FFFFFF);
    aspect-ratio: auto;
    box-sizing: border-box;
}

.hdc-product-card--list .hdc-product-card__list-media .hdc-product-card__image-link {
    width: 100%;
    height: 100%;
    padding: 0;
}

.hdc-product-card--list .hdc-product-card__list-media img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.hdc-product-card--list .hdc-product-card__list-media .hdc-product-card__media-actions {
    inset-block-start: 50%;
    inset-inline-start: 50%;
}

.hdc-product-card--list .hdc-product-card__quick-action button.hdc-product-card__quick-view {
    min-height: var(--hdc-card-quick-view-height, 26px);
    height: var(--hdc-card-quick-view-height, 26px);
    padding-inline: 8px;
    gap: 4px;
    font-size: 0.58rem;
}

.hdc-product-card--list .hdc-product-card__round-actions {
    gap: 5px;
}


.hdc-product-card__mobile-actions-toggle {
    display: none;
}

.hdc-product-card--list .hdc-product-card__mobile-actions-toggle {
    position: absolute;
    inset-block-start: 8px;
    inset-inline-end: 8px;
    z-index: 8;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    place-items: center;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hdc-border, #E5E7EB);
    border-radius: 7px;
    background: var(--hdc-card-surface, #FFFFFF);
    color: var(--hdc-card-title-color, #111827);
    box-shadow: none;
    cursor: pointer;
}

.hdc-product-card--list .hdc-product-card__mobile-actions-toggle svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.hdc-product-card--list .hdc-product-card__mobile-actions-toggle:hover,
.hdc-product-card--list .hdc-product-card__mobile-actions-toggle:focus-visible,
.hdc-product-card--list.is-mobile-actions-open .hdc-product-card__mobile-actions-toggle {
    border-color: var(--hdc-primary, #F97316);
    background: var(--hdc-primary, #F97316);
    color: #FFFFFF;
}

.hdc-product-card__list-content {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    gap: 5px;
    padding: 0;
}

.hdc-product-card__list-category {
    overflow: hidden;
    color: var(--hdc-card-category-color, #374151);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.hdc-product-card__list-title {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--hdf-color-link, var(--hdc-card-title-link-fallback, #05658A));
    font-family: var(--hdc-font-heading, inherit);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hdc-product-card__list-title a { color: inherit; text-decoration: none; }
.hdc-product-card__list-title a:hover,
.hdc-product-card__list-title a:focus-visible { color: var(--hdf-color-link-hover, var(--hdf-color-link, var(--hdc-card-title-link-hover-fallback, #034E6F))); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

.hdc-product-card__list-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    color: var(--hdc-card-price-color, #111827);
    font-size: 13px;
    line-height: 1.15;
}

.hdc-product-card__list-price del { color: #6B7280; font-size: 10px; }
.hdc-product-card__list-price strong { font-weight: 700; }
.hdc-product-card__list-rating .star-rating { float: none; margin: 0; }

.hdc-product-card__list-actions {
    display: flex;
    width: 100%;
    min-height: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-inline-start: var(--hdc-list-card-wishlist-title-offset, 0px);
    padding-inline-end: max(0px, calc(var(--hdc-list-card-cart-edge-gap, 12px) - var(--hdc-list-card-padding, 8px)));
    box-sizing: border-box;
}

.hdc-product-card__list-wishlist {
    display: flex;
    min-width: 28px;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.hdc-product-card__list-wishlist .hdc-selection-button.hdc-product-card__wishlist {
    position: relative;
    display: inline-flex;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--hdc-card-wishlist-color, var(--hdc-text));
    line-height: 0;
    box-shadow: none;
}

.hdc-product-card__list-wishlist .hdc-selection-button.hdc-product-card__wishlist:hover,
.hdc-product-card__list-wishlist .hdc-selection-button.hdc-product-card__wishlist:focus-visible {
    background: transparent;
    color: var(--hdc-primary-hover, #EA580C);
}

.hdc-product-card__list-wishlist .hdc-selection-button.hdc-product-card__wishlist[aria-pressed="true"] {
    background: transparent;
    color: var(--hdc-card-wishlist-active-color, var(--hdc-success, #15803D));
}

.hdc-product-card__list-wishlist .hdc-product-card__wishlist .hdc-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}


.hdc-product-card__list-wishlist .hdc-selection-button.hdc-product-card__wishlist span:not(.hdc-icon) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.hdc-product-card__list-actions .hdc-product-card__cart,
.hyperdaf-commerce-active .hdc-product-card--list .hdc-product-card__list-actions .hdc-product-card__cart,
.hyperdaf-commerce-active .woocommerce .hdc-product-card--list .hdc-product-card__list-actions .hdc-product-card__cart {
    position: static;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    flex: 0 0 30px;
    margin: 0 0 0 auto;
    padding: 0;
}

.hdc-product-card__list-actions .hdc-product-card__cart .hdc-icon,
.hyperdaf-commerce-active .hdc-product-card--list .hdc-product-card__list-actions .hdc-product-card__cart .hdc-icon {
    width: 17px;
    height: 17px;
}

@media (max-width: 1180px) {
    .hdc-product-card--list {
        min-height: var(--hdc-list-card-tablet-height, 138px);
        grid-template-columns: minmax(92px, var(--hdc-list-card-media-width, 38%)) minmax(0, 1fr);
    }

    .hdc-product-card--list {
        --hdc-card-hover-action-size: min(var(--hdc-list-card-hover-action-size, 26px), 26px);
        --hdc-card-hover-action-icon-size: min(var(--hdc-list-card-hover-action-icon-size, 13px), 13px);
        --hdc-card-quick-view-height: min(var(--hdc-list-card-quick-view-height, 26px), 26px);
    }

    .hdc-product-card--list .hdc-product-card__mobile-actions-toggle {
        display: grid;
    }

    .hdc-product-card--list .hdc-product-card__list-content {
        padding-inline-end: 30px;
    }

    .hdc-product-card--list .hdc-product-card__list-media .hdc-product-card__media-actions {
        inset-block-start: 50%;
        inset-inline-start: 50%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(-50%, calc(-50% + 8px));
    }

    .hdc-product-card--list.is-mobile-actions-open .hdc-product-card__list-media .hdc-product-card__media-actions {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, -50%);
    }

    .hdc-product-card--list.hdc-product-card--image-whiten.is-mobile-actions-open .hdc-product-card__list-media::after {
        opacity: var(--hdc-card-image-hover-opacity, 0.6);
    }
}

@media (max-width: 680px) {
    .hdc-product-card--list {
        min-height: var(--hdc-list-card-mobile-height, 134px);
        grid-template-columns: minmax(88px, var(--hdc-list-card-media-width, 38%)) minmax(0, 1fr);
        gap: var(--hdc-list-card-gap, 10px);
        padding: var(--hdc-list-card-padding, 8px);
    }

    .hdc-product-card--list {
        --hdc-card-hover-action-size: min(var(--hdc-list-card-hover-action-size, 26px), 24px);
        --hdc-card-hover-action-icon-size: min(var(--hdc-list-card-hover-action-icon-size, 13px), 12px);
        --hdc-card-quick-view-height: min(var(--hdc-list-card-quick-view-height, 26px), 24px);
    }

    .hdc-product-card--list .hdc-product-card__quick-action button.hdc-product-card__quick-view {
        padding-inline: 6px;
        font-size: 0.54rem;
    }

    .hdc-product-card__list-content {
        gap: 4px;
    }

    .hdc-product-card__list-title {
        font-size: 12px;
    }

    .hdc-product-card__list-price {
        font-size: 12px;
    }
}