/* PIYAMO v1.6.3.46 — compact modern retail cards, PIYAMO colors.
   Works in product archives, search, home widgets, and related products.
   This file deliberately contains no WooCommerce click handlers. */

/* A clean, cohesive product tile; overrides older split-glass card treatments. */
.woocommerce ul.products li.product.product-card,
.product-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid rgba(123, 90, 124, .13) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .87) !important;
    box-shadow: 0 5px 18px rgba(63, 45, 61, .055) !important;
    overflow: hidden;
    min-width: 0;
    transition: box-shadow 260ms cubic-bezier(.2,.72,.24,1),
                border-color 260ms ease, transform 260ms cubic-bezier(.2,.72,.24,1) !important;
}
.product-card .piyamo-card-visual { flex: 0 0 auto; min-width: 0; }
.product-card .product-card-img,
.product-card .product-card-img-link {
    background-color: #faeef6 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.product-card .product-card-img-link { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
.product-card .product-card-img-link .piyamo-card-slide { object-fit: cover; }

/* Keep dots centered under the image; keep existing cart/options control on right. */
.product-card .piyamo-card-gallery-toolbar {
    min-height: 35px;
    padding: 3px 39px 1px;
    background: #fff;
    border-bottom: 1px solid rgba(123,90,124,.055);
}
.product-card .piyamo-card-gallery-toolbar .piyamo-card-dots.piyamo-card-dots--outside {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 4px 5px;
    gap: 7px;
}
.product-card .piyamo-card-gallery-toolbar .piyamo-card-dot {
    width: 6px;
    height: 6px;
    min-width: 6px;
    min-height: 6px;
    transition: background-color 170ms ease, transform 190ms ease, width 190ms ease;
}
.product-card .piyamo-card-gallery-toolbar .piyamo-card-dot.is-active {
    transform: scale(1.27);
}
.product-card .piyamo-card-gallery-toolbar .product-card-actions button,
.product-card .piyamo-card-gallery-toolbar .product-card-actions .product-card-wishlist {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
    flex: 0 0 29px !important;
    background: #fff !important;
    color: #715271 !important;
    border: 1px solid rgba(123,90,124,.20) !important;
}

.product-card .product-card-info,
body.woocommerce-shop .product-card .product-card-info,
body.post-type-archive-product .product-card .product-card-info,
body.tax-product_cat .product-card .product-card-info,
body.tax-product_tag .product-card .product-card-info {
    flex: 1 1 auto;
    min-width: 0;
    padding: 7px 11px 12px !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}
.product-card .product-card-category,
.product-card .product-card-category a {
    color: #817582 !important;
    font-size: 10px;
    line-height: 1.15;
    margin: 0 0 2px !important;
}
.product-card .product-card-name { margin: 2px 0 0; line-height: 1.22; }
.product-card .product-card-name a {
    color: #43323f !important;
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1.28;
    letter-spacing: -.025em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-card .product-card-desc {
    font-size: 10px;
    line-height: 1.28;
    margin: 2px 0 0 !important;
}
.product-card .product-card-rating { margin: 3px 0 0 !important; }
.product-card .product-card-footer {
    align-items: stretch !important;
    margin: 4px 0 0 !important;
    gap: 0 !important;
    background: transparent !important;
}
.product-card .product-card-price,
.product-card .product-card-footer .product-card-price {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    min-width: 0;
    width: 100%;
    margin: 0;
}
/* The reference's visual hierarchy: small discount, struck-out MRP, bold sale price. */
.product-card .piyamo-card-deal-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    column-gap: 6px;
    row-gap: 2px;
    width: 100%;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.product-card .piyamo-card-deal-off {
    font-family: 'Poppins','Satoshi',sans-serif;
    font-size: 12px;
    line-height: 1.15;
    white-space: nowrap;
    color: #198754;
    font-weight: 750;
}
.product-card .piyamo-card-deal-regular,
.product-card .piyamo-card-deal-regular .woocommerce-Price-amount {
    color: #898189 !important;
    font-size: 11.5px !important;
    line-height: 1.1;
    white-space: nowrap;
    font-weight: 450;
    text-decoration: line-through;
}
.product-card .piyamo-card-deal-selling,
.product-card .piyamo-card-deal-selling .woocommerce-Price-amount {
    color: #443243 !important;
    font-size: 15px !important;
    line-height: 1.1;
    font-weight: 760 !important;
    letter-spacing: -.025em;
    white-space: nowrap;
}
.product-card .piyamo-card-deal-from {
    font-size: 9px;
    color: #837481;
    margin-right: -3px;
}
/* Coupon preview and benefit stack remain server calculated, but far less tall. */
.product-card .piyamo-card-pricing-extras {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 1px 0 0 !important;
    gap: 2px !important;
}
.product-card .piyamo-card-pricing-extras .shopbar-auto-offer--loop {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px 6px;
    width: 100%;
    margin: 0 0 2px !important;
    padding: 4px 7px !important;
    border: 1px solid rgba(123,90,124,.13) !important;
    background: #f8f1f7 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.product-card .piyamo-card-pricing-extras .shopbar-auto-offer__eyebrow {
    display: inline-flex;
    align-items: baseline;
    margin: 0 !important;
    font-size: 8px !important;
    line-height: 1.15;
    letter-spacing: .065em;
    color: #765778;
    white-space: nowrap;
}
.product-card .piyamo-card-pricing-extras .shopbar-auto-offer__eyebrow::before { display: none; }
.product-card .piyamo-card-pricing-extras .shopbar-auto-offer__price,
.product-card .piyamo-card-pricing-extras .shopbar-auto-offer__price .woocommerce-Price-amount {
    display: inline;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.15;
    font-weight: 750;
    color: #6a476b;
}
.product-card .piyamo-card-pricing-extras .piyamo-card-chip {
    display: flex;
    align-items: baseline;
    gap: 5px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100%;
    font-size: 9.5px !important;
    line-height: 1.3;
    font-weight: 550;
}
.product-card .piyamo-card-chip__icon {
    margin: 0;
    display: inline-flex;
    flex: 0 0 12px;
    width: 12px;
    min-width: 12px;
    height: 12px;
    align-items: center;
    justify-content: center;
    background: none !important;
    font-size: 9px;
}
.product-card .piyamo-card-chip--save { color: #aa4e6c; font-weight: 680; }
.product-card .piyamo-card-chip--material { color: #97743e; }
.product-card .piyamo-card-chip--warranty { color: #5f7299; }
.product-card .piyamo-card-chip--gift { color: #358153; }
.product-card .piyamo-card-chip__text { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }

/* Compact grids keep the price hierarchy readable instead of squeezing columns. */
@media (max-width: 640px) {
    .woocommerce ul.products { column-gap: 10px !important; row-gap: 12px !important; }
    .product-card .product-card-info,
    body.woocommerce-shop .product-card .product-card-info,
    body.post-type-archive-product .product-card .product-card-info,
    body.tax-product_cat .product-card .product-card-info,
    body.tax-product_tag .product-card .product-card-info { padding: 6px 9px 10px !important; }
    .product-card .product-card-name a { font-size: 12px !important; }
    .product-card .piyamo-card-deal-row { column-gap: 5px; }
    .product-card .piyamo-card-deal-off { font-size: 11px; }
    .product-card .piyamo-card-deal-regular,
    .product-card .piyamo-card-deal-regular .woocommerce-Price-amount { font-size: 10.5px !important; }
    .product-card .piyamo-card-deal-selling,
    .product-card .piyamo-card-deal-selling .woocommerce-Price-amount { font-size: 13px !important; }
    .product-card .piyamo-card-gallery-toolbar { min-height: 32px; padding: 2px 35px 1px; }
    .product-card .piyamo-card-gallery-toolbar .product-card-actions button,
    .product-card .piyamo-card-gallery-toolbar .product-card-actions .product-card-wishlist {
        width: 27px !important; height: 27px !important; min-width: 27px !important;
        min-height: 27px !important; flex-basis: 27px !important;
    }
    .product-card .piyamo-card-pricing-extras .shopbar-auto-offer--loop { padding: 4px 6px !important; }
    .product-card .piyamo-card-pricing-extras .shopbar-auto-offer__eyebrow { font-size: 7.5px !important; }
    .product-card .piyamo-card-pricing-extras .shopbar-auto-offer__price,
    .product-card .piyamo-card-pricing-extras .shopbar-auto-offer__price .woocommerce-Price-amount { font-size: 11.5px !important; }
    .product-card .piyamo-card-pricing-extras .piyamo-card-chip { font-size: 9px !important; }
}
/* Preserve the theme's real list view, while keeping image and dots together. */
.shop-main.list-view .product-card { display: grid; grid-template-columns: 220px minmax(0,1fr); }
.shop-main.list-view .product-card .product-card-info { align-self: stretch; padding: 16px !important; }
@media (max-width: 600px) {
    .shop-main.list-view .product-card { display: flex; flex-direction: column; }
    .shop-main.list-view .product-card .product-card-info { padding: 9px !important; }
}

/* Motion is tactile, not distracting. All effects respect reduced motion. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .product-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 14px 30px rgba(63,45,61,.12) !important;
        border-color: rgba(123,90,124,.28) !important;
    }
    .product-card .product-card-img-link .piyamo-card-slide.is-active {
        transition: opacity 250ms ease, visibility 250ms ease, transform 420ms cubic-bezier(.2,.72,.24,1) !important;
    }
    .product-card:hover .product-card-img-link .piyamo-card-slide.is-active { transform: scale(1.055) !important; }
    .product-card .piyamo-card-deal-off,
    .product-card .piyamo-card-deal-selling { transition: color 230ms ease, opacity 230ms ease; }
    .product-card:hover .piyamo-card-deal-off { color: #127044; }
}

/* More responsive feedback throughout the theme: menus, form surfaces, product
   controls, reviews, badges, and checkout; hover only for pointer devices. */
@media (prefers-reduced-motion:no-preference) {
    :is(.piyamo-mobile-category-pill,.category-filter-pill,.sb-header-search,
        .shopbar-thumb-btn,.shopbar-size-btn,.shopbar-service-accordion,
        .woocommerce-form-coupon-toggle,.cart_totals,.woocommerce-MyAccount-navigation,
        .shopbar-accordion,.shopbar-tab-header,.product-card-rating,
        .piyamo-card-gallery-toolbar,.piyamo-mobile-cart-dock,
        .site-footer a,.header-actions a) {
        transition: transform 220ms cubic-bezier(.2,.72,.24,1),
                    background-color 200ms ease, box-shadow 220ms ease,
                    border-color 200ms ease, color 200ms ease;
    }
    .piyamo-card-gallery-toolbar .product-card-actions button:active:not(:disabled),
    .shopbar-qty-btn:active:not(:disabled),
    .shopbar-size-btn:active:not(:disabled),
    .category-filter-pill:active:not(:disabled) { filter: brightness(.95); }
    :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.shopbar-service-accordion-content) {
        animation: piyamo-info-appear 270ms ease-out both;
    }
    @keyframes piyamo-info-appear {
        from { opacity: .4; transform: translateY(5px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .piyamo-meta-refresh { animation: piyamo-meta-refresh 330ms ease-out; }
    @keyframes piyamo-meta-refresh {
        from { opacity: .50; transform: translateY(3px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .piyamo-tap-feedback { animation: piyamo-tap-feedback 220ms ease-out; }
    @keyframes piyamo-tap-feedback {
        0% { filter: brightness(1); }
        50% { filter: brightness(.92); }
        100% { filter: brightness(1); }
    }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    :is(.piyamo-mobile-category-pill,.category-filter-pill,.shopbar-thumb-btn,
        .shopbar-size-btn,.shopbar-tab-header,.checkout-button,
        .woocommerce a.button,.woocommerce button.button):hover:not(:disabled) {
        box-shadow: 0 6px 18px rgba(84,58,82,.12);
    }
    .shopbar-thumb-btn:hover:not(:disabled) { transform: translateY(-2px); }
}
@media (prefers-reduced-motion:reduce) {
    .product-card,
    .product-card *,
    .piyamo-meta-refresh,.piyamo-tap-feedback {
        animation: none !important;
        transition: none !important;
    }
    .product-card:hover { transform: none !important; }
}


/* v1.6.3.47: silver-style material chip directly under the name, and live WooCommerce rating pill. */
.product-card .piyamo-card-material-line {
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 4px 0 1px;
}
.product-card .piyamo-card-material-tag {
    display: inline-block;
    max-width: 100%;
    padding: 3px 9px;
    border-radius: 999px;
    background: #edecef;
    color: #473c49;
    font: 600 10px/1.35 'Poppins','Satoshi',sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: none;
    transition: background-color 180ms ease, transform 180ms ease;
}
.product-card:hover .piyamo-card-material-tag { background: #e7e0eb; }
.product-card .product-card-rating { margin: 5px 0 2px !important; display:flex; align-items:center; }
.product-card .piyamo-card-rating-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 5px 10px 5px 8px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #eee9ef;
    color: #292633;
    box-shadow: 0 2px 7px rgba(44,33,47,.09);
    white-space: nowrap;
    font: 500 11px/1.15 'Poppins','Satoshi',sans-serif;
    font-variant-numeric: tabular-nums;
    transition: transform 180ms ease, box-shadow 180ms ease;
}
.product-card .piyamo-card-rating-pill:hover { transform: translateY(-1px); box-shadow: 0 4px 11px rgba(44,33,47,.12); }
.product-card .piyamo-card-rating-star { color: #ef9b18; font-size: 13px; line-height: 1; flex: 0 0 auto; }
.product-card .piyamo-card-rating-value { font-size: inherit; font-weight: 700; color: #2d2a30; }
.product-card .piyamo-card-rating-count { color: #8590a3; font-size: 10px; }
@media (max-width:640px) {
    .product-card .piyamo-card-material-tag { padding: 3px 7px; font-size: 9px; }
    .product-card .piyamo-card-rating-pill { gap: 3px; padding: 4px 8px 4px 7px; font-size: 10px; }
    .product-card .piyamo-card-rating-star { font-size: 12px; }
    .product-card .piyamo-card-rating-count { font-size: 9px; }
}
@media (prefers-reduced-motion:reduce) {
    .product-card .piyamo-card-rating-pill,.product-card .piyamo-card-material-tag { transition: none; }
}


/* PIYAMO v1.6.3.48 — real rating left / manual dots centered / bag-plus right. */
.product-card .piyamo-card-gallery-toolbar,
.shop-main.list-view .product-card .piyamo-card-gallery-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    justify-content: initial;
    column-gap: 3px;
    min-height: 38px;
    padding: 3px 7px !important;
}
.product-card .piyamo-card-gallery-toolbar__left {
    grid-column: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}
.product-card .piyamo-card-gallery-toolbar__center {
    grid-column: 2;
    min-width: 0;
    justify-self: center;
}
.product-card .piyamo-card-gallery-toolbar .product-card-rating {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0 !important;
}
.product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-pill {
    padding: 4px 6px;
    gap: 3px;
    font-size: 10px;
    max-width: 100%;
    min-width: 0;
    box-shadow: 0 1px 6px rgba(44,33,47,.06);
}
.product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-star { font-size: 12px; }
.product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-count { font-size: 9px; }
.product-card .piyamo-card-gallery-toolbar .product-card-actions,
.shop-main.list-view .product-card .piyamo-card-gallery-toolbar .product-card-actions {
    grid-column: 3;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end;
    align-self: center;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 !important;
}
.product-card:hover .piyamo-card-gallery-toolbar .product-card-actions {
    transform: none !important;
}
.product-card .piyamo-card-gallery-toolbar .product-card-actions .piyamo-bag-plus-icon {
    display: block;
    width: 19px;
    height: 19px;
    overflow: visible;
}
.product-card .piyamo-card-gallery-toolbar .product-card-actions button:hover .piyamo-bag-plus-icon circle {
    fill: #7b5a7c;
}
/* Tone mapping is based on actual material attribute text, not on product category. */
.product-card .piyamo-card-material-tag[data-material-tone="gold"] {
    background: linear-gradient(120deg,#fff8e8,#f0dcaa);
    color: #79571f;
    border: 1px solid rgba(190,151,70,.25);
}
.product-card:hover .piyamo-card-material-tag[data-material-tone="gold"] { background: #f4e3bd; }
.product-card .piyamo-card-material-tag[data-material-tone="silver"] {
    background: linear-gradient(120deg,#f7f9fc,#dce2e9);
    color: #465366;
    border: 1px solid rgba(118,136,151,.24);
}
.product-card:hover .piyamo-card-material-tag[data-material-tone="silver"] { background: #e1e6ec; }
.product-card .piyamo-card-material-tag[data-material-tone="mixed"] {
    background: linear-gradient(110deg,#f0dcaa,#eef0f6);
    color: #5c5660;
    border: 1px solid rgba(158,151,134,.25);
}
.product-card .piyamo-card-material-tag[data-material-tone="neutral"] {
    background: #edecef;
    color: #473c49;
    border: 1px solid transparent;
}
.product-card .piyamo-card-chip--material[data-material-tone="silver"] { color: #627488; }
.product-card .piyamo-card-chip--material[data-material-tone="mixed"] { color: #797078; }
body.single-product .piyamo-pdp-feature-badge--material[data-material-tone="gold"] {
    background: #fffaf0;
    border-color: rgba(192,149,63,.36);
    color: #79571f;
}
body.single-product .piyamo-pdp-feature-badge--material[data-material-tone="gold"] .piyamo-pdp-feature-icon { background: #f3e2b8; color: #79571f; }
body.single-product .piyamo-pdp-feature-badge--material[data-material-tone="silver"] {
    background: #f6f9fc;
    border-color: rgba(128,144,163,.32);
    color: #465366;
}
body.single-product .piyamo-pdp-feature-badge--material[data-material-tone="silver"] .piyamo-pdp-feature-icon { background: #dee6ef; color: #465366; }
body.single-product .piyamo-pdp-feature-badge--material[data-material-tone="mixed"] { background: linear-gradient(110deg,#fff8ea,#f3f6fa); }
body.single-product .piyamo-pdp-feature-badge--material[data-material-tone="mixed"] .piyamo-pdp-feature-icon { background: linear-gradient(110deg,#efd8ab,#e3e9f1); }
@media (max-width: 1024px) {
    .product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-count { display:none; }
    .product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-pill { font-size: 10px; padding: 4px 5px; }
}
@media (max-width: 600px) {
    .product-card .piyamo-card-gallery-toolbar,
    .shop-main.list-view .product-card .piyamo-card-gallery-toolbar { min-height: 34px; padding: 2px 5px !important; column-gap: 2px; }
    .product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-pill { font-size: 9.5px; padding: 4px; gap: 2px; }
    .product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-star { font-size: 10px; }
    .product-card .piyamo-card-gallery-toolbar .product-card-actions .piyamo-bag-plus-icon { width: 17px; height: 17px; }
}
@media (prefers-reduced-motion: reduce) {
    .product-card .piyamo-card-material-tag { transition: none; }
}


/* ==============================================================
 * PIYAMO 1.6.3.54 — REPAIR SHOP LIST VIEW
 * Earlier mobile rules converted list cards back into vertical
 * flex columns, while preserving 108px image dimensions. That
 * left a tiny thumbnail in a very wide mostly empty product card.
 * Only list view is affected; the normal grid remains untouched.
 * ============================================================= */
.shop-main.list-view ul.products {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100%;
}
.shop-main.list-view .product-card,
.woocommerce .shop-main.list-view ul.products .product-card {
    display: grid !important;
    grid-template-columns: clamp(200px, 24vw, 258px) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: stretch !important;
    gap: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    overflow: hidden;
}
.shop-main.list-view .product-card > .piyamo-card-visual {
    display: flex;
    flex-direction: column;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    border-right: 1px solid rgba(123,90,124,.09);
    background: #fdf8fb;
}
.shop-main.list-view .product-card .piyamo-card-visual > .product-card-img,
.shop-main.list-view .product-card .piyamo-card-visual .product-card-img-link {
    position: relative;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 0 !important;
}
.shop-main.list-view .product-card .piyamo-card-visual .piyamo-card-slide {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.shop-main.list-view .product-card > .product-card-info,
body.woocommerce-shop .shop-main.list-view .product-card > .product-card-info,
body.post-type-archive-product .shop-main.list-view .product-card > .product-card-info,
body.tax-product_cat .shop-main.list-view .product-card > .product-card-info,
body.tax-product_tag .shop-main.list-view .product-card > .product-card-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 18px !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start !important;
    gap: 4px !important;
}
.shop-main.list-view .product-card .product-card-name,
.shop-main.list-view .product-card .product-card-footer,
.shop-main.list-view .product-card .product-card-price,
.shop-main.list-view .product-card .piyamo-card-pricing-extras {
    width: 100%;
    min-width: 0;
}
.shop-main.list-view .product-card .product-card-name a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px !important;
    line-height: 1.35;
    white-space: normal !important;
    overflow: hidden;
}
.shop-main.list-view .product-card .piyamo-card-deal-selling,
.shop-main.list-view .product-card .piyamo-card-deal-selling .woocommerce-Price-amount {
    font-size: 17px !important;
}
.shop-main.list-view .product-card .product-card-category {
    font-size: 11px;
}
.shop-main.list-view .product-card .piyamo-card-gallery-toolbar {
    width: 100%;
    min-width: 0;
    margin-top: 0;
    padding: 3px 8px !important;
    flex: 0 0 auto;
}
.shop-main.list-view .product-card .piyamo-card-gallery-toolbar .product-card-actions {
    grid-column: 3;
    justify-self: end;
    align-self: center;
}
@media (min-width: 768px) {
    .shop-main.list-view .product-card .piyamo-card-pricing-extras {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 12px !important;
    }
    .shop-main.list-view .product-card .piyamo-card-pricing-extras .shopbar-auto-offer--loop {
        grid-column: 1 / -1;
        max-width: 360px;
    }
}
@media (max-width: 767px) {
    .shop-main.list-view ul.products { gap: 11px !important; }
    .shop-main.list-view .product-card,
    .woocommerce .shop-main.list-view ul.products .product-card {
        grid-template-columns: clamp(124px, 34%, 168px) minmax(0, 1fr) !important;
    }
    .shop-main.list-view .product-card > .product-card-info,
    body.woocommerce-shop .shop-main.list-view .product-card > .product-card-info,
    body.post-type-archive-product .shop-main.list-view .product-card > .product-card-info,
    body.tax-product_cat .shop-main.list-view .product-card > .product-card-info,
    body.tax-product_tag .shop-main.list-view .product-card > .product-card-info {
        padding: 9px 10px 10px !important;
        gap: 3px !important;
    }
    .shop-main.list-view .product-card .product-card-name a {
        font-size: 13px !important;
        -webkit-line-clamp: 3;
    }
    .shop-main.list-view .product-card .piyamo-card-deal-row { gap: 3px 5px; }
    .shop-main.list-view .product-card .piyamo-card-deal-off { font-size: 10px; }
    .shop-main.list-view .product-card .piyamo-card-deal-regular,
    .shop-main.list-view .product-card .piyamo-card-deal-regular .woocommerce-Price-amount { font-size: 10px !important; }
    .shop-main.list-view .product-card .piyamo-card-deal-selling,
    .shop-main.list-view .product-card .piyamo-card-deal-selling .woocommerce-Price-amount { font-size: 14px !important; }
    .shop-main.list-view .product-card .piyamo-card-gallery-toolbar {
        min-height: 33px;
        padding: 2px 5px !important;
    }
    .shop-main.list-view .product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-count { display: none; }
    .shop-main.list-view .product-card .piyamo-card-gallery-toolbar .piyamo-card-rating-pill { padding: 3px 4px; }
    .shop-main.list-view .product-card .piyamo-card-gallery-toolbar .product-card-actions button { width: 26px !important; height: 26px !important; min-height: 26px !important; min-width: 26px !important; }
    .shop-main.list-view .product-card .piyamo-card-gallery-toolbar .piyamo-card-dots { gap: 4px; }
    .shop-main.list-view .product-card .piyamo-card-material-tag {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        text-overflow: clip;
    }
    .shop-main.list-view .product-card .piyamo-card-pricing-extras .piyamo-card-chip {
        font-size: 9px !important;
        line-height: 1.3;
    }
    .shop-main.list-view .product-card .piyamo-card-pricing-extras .shopbar-auto-offer--loop {
        padding: 4px 6px !important;
    }
}
@media (max-width: 360px) {
    .shop-main.list-view .product-card,
    .woocommerce .shop-main.list-view ul.products .product-card {
        grid-template-columns: 112px minmax(0, 1fr) !important;
    }
    .shop-main.list-view .product-card > .product-card-info { padding-inline: 8px !important; }
}