/* IPEKERP_STOREFRONT_CANONICAL_PRODUCT_CARD_CSS_V1 */
/* Generated from the proven live product-card cascade. */
/* Products 2.0 sections are zero-specificity scoped by body.io-card-products2-scope. */

/* === SOURCE_BEGIN:storefront.css|RULES=90 === */
.sf-product-card {
    overflow: hidden;
    border: 1px solid var(--sf-line);
    border-radius: var(--sf-radius);
    background: var(--sf-card);
    box-shadow: 0 7px 22px rgba(18, 31, 44, 0.045);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.sf-product-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--sf-shadow);
}

.sf-product-card__image {
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #f7f8f9;
}

.sf-product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

.sf-product-card__placeholder {
    min-height: 180px;
    display: grid;
    place-items: center;
    color: #98a2ad;
    background: linear-gradient(135deg, #f6f7f8, #eceff2);
    font-size: 13px;
    font-weight: 700;
}

.sf-product-card__placeholder img {
    width: 100%;
    height: 100%;
    max-height: 190px;
    object-fit: contain;
    padding: 12px;
}

.sf-product-card__body { padding: 16px; }

.sf-product-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
    color: var(--sf-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.sf-product-card h2 {
    min-height: 48px;
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
}

.sf-product-card__footer {
    margin-top: 16px;
    padding-top: 14px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid var(--sf-line);
}

@media (max-width: 720px) {
.sf-product-card__body { padding: 12px; }
}

@media (max-width: 720px) {
.sf-product-card h2 { min-height: auto; font-size: 14px; }
}

@media (max-width: 720px) {
.sf-product-card__footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 430px) {
.sf-product-card__image { aspect-ratio: 16 / 10; }
}

.sf-product-card__link {
    display: block;
}

.sf-product-card__actions {
    padding: 0 16px 16px;
}

.sf-home-v2 .sf-product-card {border-color:var(--sf2-line);border-radius:16px;background:#fff;box-shadow:none;transition:.16s}

.sf-home-v2 .sf-product-card:hover {transform:translateY(-3px);border-color:#cfd4d8;box-shadow:0 8px 24px rgba(16,24,32,.055)}

.sf-home-v2 .sf-product-card__image {aspect-ratio:1/.78;border-bottom:1px solid #eef0f2;background:linear-gradient(135deg,#fafafa,#f4f5f6)}

.sf-home-v2 .sf-product-card__image img {object-fit:contain;padding:18px}

.sf-home-v2 .sf-product-card__body {padding:15px 15px 12px}

.sf-home-v2 .sf-product-card__meta {color:#747d85;font-size:10px}

.sf-home-v2 .sf-product-card h2 {min-height:42px;margin-top:9px;font-size:14px;line-height:1.46}

.sf-home-v2 .sf-product-card__actions {padding:0 15px 15px}

@media(max-width:560px) {
.sf-home-v2 .sf-product-card__body {padding:11px 11px 9px}
}

@media(max-width:560px) {
.sf-home-v2 .sf-product-card__image img {padding:10px}
}

@media(max-width:560px) {
.sf-home-v2 .sf-product-card h2 {min-height:0;font-size:12px}
}

@media(max-width:560px) {
.sf-home-v2 .sf-product-card__actions {padding:0 11px 11px}
}

.sf-home-v2 .sf2-catalog-results .sf-product-card {
    max-width: none;
    min-width: 0;
    border-radius: 14px;
    border-color: #dfe4e7;
    box-shadow: 0 7px 22px rgba(18, 24, 30, .045);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.sf-home-v2 .sf2-catalog-results .sf-product-card:hover {
    transform: translateY(-2px);
    border-color: #d2d7db;
    box-shadow: 0 12px 30px rgba(18, 24, 30, .075);
}

.sf-home-v2 .sf2-catalog-results .sf-product-card__image {
    min-height: 190px;
    background: linear-gradient(180deg, #fff 0%, #fbfbfb 100%);
}

.sf-home-v2 .sf2-catalog-results .sf-product-card__image img {
    width: 100%;
    height: 190px;
    object-fit: contain;
    padding: 14px;
}

.sf-home-v2 .sf2-catalog-results .sf-product-card__body {
    padding: 15px 14px 13px;
}

.sf-home-v2 .sf2-catalog-results .sf-product-card__meta {
    margin-bottom: 8px;
    font-size: 9.5px;
}

.sf-home-v2 .sf2-catalog-results .sf-product-card h2 {
    min-height: 40px;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.45;
}

.sf-home-v2 .sf2-catalog-results .sf-product-card__footer {
    margin-top: 11px;
    padding-top: 11px;
}

.sf-home-v2 .sf2-catalog-results .sf-product-card__actions {
    padding: 0 14px 14px;
}

@media (max-width: 760px) {
.sf-home-v2 .sf2-catalog-results .sf-product-card__image,
    .sf-home-v2 .sf2-catalog-results .sf-product-card__image img {
        height: 148px;
        min-height: 148px;
    }
}

@media (max-width: 760px) {
.sf-home-v2 .sf2-catalog-results .sf-product-card__image img {
        padding: 10px;
    }
}

@media (max-width: 760px) {
.sf-home-v2 .sf2-catalog-results .sf-product-card__body {
        padding: 12px 11px 10px;
    }
}

@media (max-width: 760px) {
.sf-home-v2 .sf2-catalog-results .sf-product-card h2 {
        min-height: 36px;
        font-size: 11.5px;
    }
}

@media (max-width: 760px) {
.sf-home-v2 .sf2-catalog-results .sf-product-card__actions {
        padding: 0 11px 11px;
    }
}

.sfc-product-card { min-width: 0; overflow: hidden; border: 1px solid #e0e4e7; border-radius: 15px; background: #fff; transition: .16s; }

.sfc-product-card:hover { transform: translateY(-2px); border-color: #cfd4d8; box-shadow: 0 9px 26px rgba(16,24,32,.055); }

.sfc-product-card__image { aspect-ratio: 1/.78; display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid #edf0f2; background: linear-gradient(135deg,#fbfbfb,#f4f5f6); text-decoration: none; }

.sfc-product-card__image img { width: 100%; height: 100%; object-fit: contain; padding: 15px; }

.sfc-product-card__placeholder { color: #9aa2a9; font-size: 9px; }

.sfc-product-card__body { padding: 13px; }

.sfc-product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #7a838a; font-size: 8.5px; }

.sfc-product-card__title { min-height: 38px; display: block; margin-top: 8px; color: #20262b; font-size: 12px; font-weight: 850; line-height: 1.45; text-decoration: none; }

.sfc-product-card__title:hover { color: #c81920; }

.sfc-product-card__commercial { min-height: 42px; display: flex; align-items: end; justify-content: space-between; gap: 9px; margin-top: 11px; }

.sfc-product-card__actions { display: grid; grid-template-columns: .68fr 1.32fr; gap: 6px; margin-top: 11px; }

.sfc-product-card__actions a, .sfc-product-card__actions button { min-height: 38px; display: flex; align-items: center; justify-content: center; padding: 0 8px; border-radius: 8px; font: inherit; font-size: 8.5px; font-weight: 850; text-decoration: none; }

.sfc-product-card__actions a { border: 1px solid #dce1e4; color: #59626a; }

.sfc-product-card__actions button { border: 0; background: #171b20; color: #fff; cursor: pointer; }

.sfc-product-card__actions button:not(:disabled):hover { background: #c81920; }

.sfc-product-card__actions button:disabled { background: #e4e7e9; color: #9aa1a7; cursor: not-allowed; }

@media (max-width: 620px) {
.sfc-product-card__body { padding: 10px; }
}

@media (max-width: 620px) {
.sfc-product-card__title { min-height: 0; font-size: 10.5px; }
}

@media (max-width: 620px) {
.sfc-product-card__commercial { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
.sfc-product-card__actions { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
.sfc-product-card__actions a, .sfc-product-card__actions button { min-height: 36px; }
}

.sf-search-v2 .sf-product-card {border-color:var(--sf2-line,#e3e6e9);border-radius:16px;background:#fff;box-shadow:none;transition:.16s}

.sf-search-v2 .sf-product-card:hover {transform:translateY(-3px);border-color:#cfd4d8;box-shadow:0 8px 24px rgba(16,24,32,.055)}

.sf-search-v2 .sf-product-card__image {aspect-ratio:1/.78;border-bottom:1px solid #eef0f2;background:linear-gradient(135deg,#fafafa,#f4f5f6)}

.sf-search-v2 .sf-product-card__image img {object-fit:contain;padding:18px}

.sf-search-v2 .sf-product-card__body {padding:15px 15px 12px}

.sf-search-v2 .sf-product-card__meta {color:#747d85;font-size:10px}

.sf-search-v2 .sf-product-card h2 {min-height:42px;margin-top:9px;font-size:14px;line-height:1.46}

.sf-search-v2 .sf-product-card__actions {padding:0 15px 15px}

@media(max-width:560px) {
.sf-search-v2 .sf-product-card__body {padding:11px 11px 9px}
}

@media(max-width:560px) {
.sf-search-v2 .sf-product-card__actions {padding:0 11px 11px}
}

@media(max-width:560px) {
.sf-search-v2 .sf-product-card h2 {min-height:0;font-size:12px}
}

.sfb-product-card {min-width:0;overflow:hidden;border:1px solid #e1e4e7;border-radius:15px;background:#fff;transition:.16s}

.sfb-product-card:hover {transform:translateY(-2px);border-color:#cfd4d8;box-shadow:0 10px 24px rgba(17,24,31,.055)}

.sfb-product-card__image {aspect-ratio:1/.78;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #eef0f2;background:linear-gradient(135deg,#fafafa,#f4f5f6)}

.sfb-product-card__image img {width:100%;height:100%;object-fit:contain;padding:16px}

.sfb-product-card__placeholder {color:#9aa1a7;font-size:10px}

.sfb-product-card__body {padding:14px}

.sfb-product-card__meta {display:flex;justify-content:space-between;gap:10px;color:#7c858c;font-size:9px}

.sfb-product-card__title {min-height:42px;display:block;margin:8px 0 14px;color:#151a1e;text-decoration:none;font-size:13px;font-weight:850;line-height:1.45}

.sfb-product-card__commercial {display:flex;align-items:end;justify-content:space-between;gap:10px}

.sfb-product-card__actions {display:grid;grid-template-columns:.75fr 1.25fr;gap:7px;margin-top:13px}

.sfb-product-card__actions a,.sfb-product-card__actions button {min-height:39px;display:grid;place-items:center;border:1px solid #dce0e3;border-radius:9px;background:#fff;color:#22282d;cursor:pointer;font:inherit;font-size:9px;font-weight:850;text-decoration:none}

.sfb-product-card__actions button {border-color:#171b20;background:#171b20;color:#fff}

.sfb-product-card__actions button:disabled {border-color:#e1e4e6;background:#eef0f2;color:#949ba1;cursor:not-allowed}

@media(max-width:560px) {
.sfb-product-card__body {padding:10px}
}

@media(max-width:560px) {
.sfb-product-card__title {min-height:0;font-size:11px}
}

@media(max-width:560px) {
.sfb-product-card__commercial {align-items:flex-start;flex-direction:column}
}

@media(max-width:560px) {
.sfb-product-card__actions {grid-template-columns:1fr}
}

/* === SOURCE_END:storefront.css === */

/* === SOURCE_BEGIN:storefront_redesign_v1.css|RULES=42 === */
.sf-product-card { overflow: hidden; border: 1px solid var(--io-line); border-radius: 18px; background: #fff; box-shadow: none; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }

.sf-product-card:hover { transform: translateY(-5px); border-color: #cbc8c0; box-shadow: 0 22px 48px rgba(22,25,29,.1); }

.sf-product-card__image { height: 244px; background: #f8f8f5; }

.sf-product-card__image img { padding: 25px; transition: transform .3s ease; }

.sf-product-card:hover .sf-product-card__image img { transform: scale(1.035); }

.sf-product-card__body { padding: 19px 19px 14px; }

.sf-product-card__meta { color: var(--io-red); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }

.sf-product-card h2 { min-height: 44px; margin: 12px 0 7px; font-size: 15px; line-height: 1.42; letter-spacing: -.015em; }

.sf-product-card__footer { margin-top: 17px; padding-top: 15px; border-top: 1px solid #ecebe7; }

.sf-product-card__actions { padding: 0 19px 19px; }

@media (max-width: 760px) {
.sf-product-card__image { height: 165px; }
}

@media (max-width: 760px) {
.sf-product-card__image img { padding: 14px; }
}

@media (max-width: 760px) {
.sf-product-card__body { padding: 13px 12px 10px; }
}

@media (max-width: 760px) {
.sf-product-card h2 { min-height: 52px; font-size: 12px; }
}

@media (max-width: 760px) {
.sf-product-card__footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
.sf-product-card__actions { padding: 0 12px 12px; }
}

@media (max-width: 390px) {
.sf-product-card__image { height: 220px; }
}

.sf-home-v2 .sf-product-card { border-radius: 5px; }

.sf-home-v2 .sf-product-card:hover { transform: none; box-shadow: 0 8px 22px rgba(22,25,29,.08); }

.sf-home-v2 .sf-product-card__image { height: 210px; }

@media (max-width: 760px) {
.sf-home-v2 .sf-product-card__image { height: 155px; }
}

.sf-home-v2 .sf-product-card__meta { color: #737980; }

.sf-home-v2 .sf-product-card { display: flex; flex-direction: column; }

.sf-home-v2 .sf-product-card__link { flex: 1; display: flex; flex-direction: column; }

.sf-home-v2 .sf-product-card__image { position: relative; border-bottom: 1px solid #eceef1; background: #fff; }

.sf-product-card__brand-badge { position: absolute; z-index: 1; top: 10px; left: 10px; max-width: calc(100% - 20px); padding: 5px 8px; overflow: hidden; border: 1px solid #e0e3e7; border-radius: 3px; background: rgba(255,255,255,.94); color: #51575e; font-size: 9px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }

.sf-home-v2 .sf-product-card__body { flex: 1; display: flex; flex-direction: column; }

.sf-home-v2 .sf-product-card__meta { display: flex; align-items: center; gap: 6px; text-transform: none; letter-spacing: 0; }

.sf-home-v2 .sf-product-card__meta span { color: #8a8f96; font-size: 9px; }

.sf-home-v2 .sf-product-card__meta strong { color: #4f555c; font-size: 10px; }

.sf-home-v2 .sf-product-card h2 { min-height: 42px; margin: 8px 0 5px; font-size: 14px; }

.sf-home-v2 .sf-product-card__footer { align-items: flex-end; margin-top: auto; }

.sf-product-card__price-wrap { display: grid; justify-items: end; gap: 2px; }

.sf-product-card__price-wrap small { color: #92979d; font-size: 8px; }

.sf-home-v2 .sf-product-card__actions { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 8px; padding: 0 14px 14px; }

.sf-home-v2 .sf-product-card__actions > a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 9px; color: #555b62; font-size: 10px; font-weight: 800; text-decoration: none; white-space: nowrap; }

@media (max-width: 760px) {
.sf-home-v2 .sf-product-card__actions { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
.sf-home-v2 .sf-product-card__actions > a { justify-content: center; border: 1px solid #e0e3e7; border-radius: 4px; }
}

.sfc-product-card,
.sfb-product-card { border-color: #dfe2e6; border-radius: 6px; box-shadow: none; }

.sf-product-card { border-color: #dfe2e5; border-radius: 7px; box-shadow: 0 5px 16px rgba(27,32,38,.035); }

.sf-product-card:hover { transform: translateY(-2px); border-color: #c9cdd2; box-shadow: 0 12px 25px rgba(27,32,38,.08); }

.sf-home-v2 .sf-product-card__image { height: 220px; }

/* === SOURCE_END:storefront_redesign_v1.css === */

/* === SOURCE_BEGIN:storefront_products_2_0_product_card_visual_v1.css|RULES=34 === */
:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--ipek-card-border);
    border-radius: 16px;
    background: var(--ipek-card-bg);
    box-shadow: var(--ipek-card-shadow);
    transition:
        transform .17s ease,
        box-shadow .17s ease,
        border-color .17s ease;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
):hover {
    transform: translateY(-3px);
    border-color: var(--ipek-card-border-hover);
    box-shadow: var(--ipek-card-shadow-hover);
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
):focus-visible {
    outline: 3px solid rgba(23, 54, 95, .20);
    outline-offset: 3px;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__image"],
    [class*="product-card__media"],
    [class*="card__image"],
    [class*="card__media"],
    [class*="product-image"],
    [class*="product-media"]
) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    background:
        radial-gradient(circle at center, #ffffff 0 48%, #fafbfd 100%);
    border-bottom: 1px solid #eef1f5;
    overflow: hidden;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__image"],
    [class*="product-card__media"],
    [class*="card__image"],
    [class*="card__media"],
    [class*="product-image"],
    [class*="product-media"]
) img {
    display: block;
    width: auto;
    height: auto;
    max-width: 82%;
    max-height: 166px;
    object-fit: contain;
    transition: transform .18s ease;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
):hover :is(
    [class*="product-card__image"],
    [class*="product-card__media"],
    [class*="card__image"],
    [class*="card__media"],
    [class*="product-image"],
    [class*="product-media"]
) img {
    transform: scale(1.035);
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) > a:has(img) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    padding: 14px;
    background: #fff;
    border-bottom: 1px solid #eef1f5;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) > a:has(img) img {
    max-width: 82%;
    max-height: 166px;
    object-fit: contain;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="badge"],
    [class*="tag"],
    [class*="label"]
) {
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .015em;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="badge"],
    [class*="tag"],
    [class*="label"]
)[class*="stock"] {
    color: #126d3d;
    background: #edf9f2;
    border-color: #ccebd8;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__body"],
    [class*="card__body"],
    [class*="product-content"],
    [class*="card-content"]
) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    padding: 15px 15px 14px;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="brand"],
    [class*="maker"]
) {
    color: var(--ipek-card-navy);
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="code"],
    [class*="sku"],
    [class*="reference"]
) {
    color: #7b8495;
    font-size: 10.5px;
    line-height: 1.3;
    font-weight: 650;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__title"],
    [class*="card__title"],
    [class*="product-title"],
    [class*="product-name"],
    [class*="card-name"]
) {
    display: -webkit-box;
    overflow: hidden;
    margin: 6px 0 8px;
    color: var(--ipek-card-text);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 760;
    letter-spacing: -.01em;
    text-decoration: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 38px;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) a:is(
    [class*="product-card__title"],
    [class*="card__title"],
    [class*="product-title"],
    [class*="product-name"],
    [class*="card-name"]
):hover {
    color: var(--ipek-card-navy);
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="stock"],
    [class*="availability"]
) {
    font-size: 11px;
    line-height: 1.3;
    font-weight: 750;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="stock"][class*="in"],
    [data-stock-state="in"],
    [data-stock="in"]
) {
    color: var(--ipek-card-green);
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="vehicle"],
    [class*="fitment"],
    [class*="compatible"],
    [class*="compatibility"]
) {
    color: #4c5b72;
    font-size: 10.5px;
    line-height: 1.35;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__price"],
    [class*="card__price"],
    [class*="product-price"],
    [class*="price"]
) {
    color: var(--ipek-card-text);
    font-weight: 850;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__price"],
    [class*="card__price"],
    [class*="product-price"]
) {
    margin-top: auto;
    padding-top: 10px;
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="old-price"],
    [class*="list-price"],
    [class*="price-old"]
) {
    color: #8a94a4;
    font-size: 11px;
    font-weight: 600;
    text-decoration: line-through;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="actions"],
    [class*="footer"]
) {
    display: flex;
    align-items: center;
    gap: 8px;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    button,
    [role="button"]
) {
    min-height: 38px;
    border-radius: 10px;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [data-cart],
    [class*="add-cart"],
    [class*="cart-button"],
    button[class*="cart"]
) {
    min-height: 40px;
    border-radius: 10px;
    font-weight: 800;
}

:where(body.io-card-products2-scope) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [data-favorite],
    [class*="favorite"],
    [class*="favourite"]
) {
    flex: 0 0 auto;
}

@media (max-width: 1079px) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) :is(
        [class*="product-card__image"],
        [class*="product-card__media"],
        [class*="card__image"],
        [class*="card__media"],
        [class*="product-image"],
        [class*="product-media"]
    ) {
        min-height: 176px;
    }
}

@media (max-width: 720px) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) {
        border-radius: 13px;
    }
}

@media (max-width: 720px) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) :is(
        [class*="product-card__image"],
        [class*="product-card__media"],
        [class*="card__image"],
        [class*="card__media"],
        [class*="product-image"],
        [class*="product-media"]
    ) {
        min-height: 152px;
    }
}

@media (max-width: 720px) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) :is(
        [class*="product-card__image"],
        [class*="product-card__media"],
        [class*="card__image"],
        [class*="card__media"],
        [class*="product-image"],
        [class*="product-media"]
    ) img {
        max-height: 132px;
    }
}

@media (max-width: 720px) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) :is(
        [class*="product-card__body"],
        [class*="card__body"],
        [class*="product-content"],
        [class*="card-content"]
    ) {
        padding: 12px;
    }
}

@media (max-width: 720px) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) :is(
        [class*="product-card__title"],
        [class*="card__title"],
        [class*="product-title"],
        [class*="product-name"],
        [class*="card-name"]
    ) {
        font-size: 13px;
        min-height: 36px;
    }
}

@media (hover: none), (pointer: coarse) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ):hover {
        transform: none;
    }
}

@media (hover: none), (pointer: coarse) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ):hover :is(
        [class*="product-card__image"],
        [class*="product-card__media"],
        [class*="card__image"],
        [class*="card__media"],
        [class*="product-image"],
        [class*="product-media"]
    ) img {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
:where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ), :where(body.io-card-products2-scope) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) * {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}

/* === SOURCE_END:storefront_products_2_0_product_card_visual_v1.css === */

/* === SOURCE_BEGIN:storefront_products_2_0_screenshot_calibration_v1.css|RULES=13 === */
body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) {
    border-radius: 14px !important;
    border-color: #dfe4ea !important;
    box-shadow: 0 5px 16px rgba(20, 38, 63, .045) !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 13px 28px rgba(20, 38, 63, .085) !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__image"],
    [class*="product-card__media"],
    [class*="card__image"],
    [class*="card__media"],
    [class*="product-image"],
    [class*="product-media"]
) {
    min-height: 176px !important;
    background: #fbfcfd !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__image"],
    [class*="product-card__media"],
    [class*="card__image"],
    [class*="card__media"],
    [class*="product-image"],
    [class*="product-media"]
) img {
    max-width: 84% !important;
    max-height: 152px !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) > a:has(img) {
    min-height: 176px !important;
    padding: 11px !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__body"],
    [class*="card__body"],
    [class*="product-content"],
    [class*="card-content"]
) {
    padding: 13px 13px 12px !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="brand"],
    [class*="maker"]
) {
    font-size: 10px !important;
    color: var(--ipek-cal-navy) !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__title"],
    [class*="card__title"],
    [class*="product-title"],
    [class*="product-name"],
    [class*="card-name"]
) {
    margin: 5px 0 7px !important;
    min-height: 36px !important;
    font-size: 13.5px !important;
    line-height: 1.32 !important;
    font-weight: 780 !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="code"],
    [class*="sku"],
    [class*="reference"]
) {
    font-size: 10px !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="product-card__price"],
    [class*="card__price"],
    [class*="product-price"]
) {
    padding-top: 8px !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [class*="stock"],
    [class*="availability"]
) {
    font-size: 10.5px !important;
}

body:where(.io-card-products2-scope) :is(
    .sfc-product-grid,
    .sf-product-grid
) :is(
    .sf-product-card,
    .sfc-product-card,
    .product-card,
    .catalog-card,
    article[data-product-id]
) :is(
    [data-cart],
    [class*="add-cart"],
    [class*="cart-button"],
    button[class*="cart"]
) {
    min-height: 40px !important;
    border-radius: 9px !important;
}

@media (hover: none), (pointer: coarse) {
body:where(.io-card-products2-scope) :is(
        .sfc-product-grid,
        .sf-product-grid
    ) :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ):hover {
        transform: none !important;
    }
}

/* === SOURCE_END:storefront_products_2_0_screenshot_calibration_v1.css === */

/* === SOURCE_BEGIN:storefront_products_2_0_full_width_grid_calibration_v1.css|RULES=1 === */
@media (min-width: 1080px) {
body:where(.io-card-products2-scope) .sfc-product-grid :is(
        .sf-product-card,
        .sfc-product-card,
        .product-card,
        .catalog-card,
        article[data-product-id]
    ) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* === SOURCE_END:storefront_products_2_0_full_width_grid_calibration_v1.css === */