/* Query item appearance; native grid, list and Fancyapps placement stay shared. */
.na-product-card { --product-ink:#000; --product-border:#f0f0f0; position:relative; display:flex; flex-direction:column; container-type:inline-size; min-width:0; height:100%; border:1px solid var(--product-border); background:#fff; color:var(--product-ink); font-family:var(--na-font,'Plus Jakarta Sans',sans-serif); isolation:isolate; }
.na-product-card--dark { --product-ink:#fff; --product-border:#292929; background:#000 url('../images/product-card-background.webp') center top/100% auto no-repeat; }
.na-product-card,.na-product-card *,.na-product-card *::before,.na-product-card *::after { box-sizing:border-box; }
.na-product-card a { color:inherit; text-decoration:none; }
.na-product-card :is(a,button):focus-visible { outline:2px solid #f3000a; outline-offset:3px; }
.na-product-card__visual { position:relative; aspect-ratio:486/400; isolation:isolate; }
.na-product-card__backdrop { position:absolute; inset:0 0 auto; height:53.3cqw; background:#000 url('../images/product-card-background.webp') center top/100% auto no-repeat; z-index:-1; }
.na-product-card--dark .na-product-card__backdrop { display:none; }
.na-product-card__heading { position:relative; z-index:2; padding:7.8cqw 5.1cqw 0; text-align:center; color:#fff; }
body .na-product-card__model.h-vsmall { font-family:var(--na-font,'Plus Jakarta Sans',sans-serif); font-weight:800; font-size:clamp(14px,4.1cqw,20px); margin:0 0 6px; }
.na-product-card__series-frame { position:relative; width:max-content; max-width:100%; margin:auto; padding:4px 3.7cqw; }
.na-product-card__series-frame::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(#ffa0a0,#ffa0a0) left top/6px 1px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) left top/1px 6px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) right top/6px 1px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) right top/1px 6px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) left bottom/6px 1px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) left bottom/1px 6px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) right bottom/6px 1px no-repeat,linear-gradient(#ffa0a0,#ffa0a0) right bottom/1px 6px no-repeat; }
body .na-product-card__series.h-glow-sub { margin:0; font-size:clamp(28px,9.88cqw,48px); }
.na-product-card__image { position:absolute; top:6.2cqw; left:5%; width:90%; aspect-ratio:1; pointer-events:none; }
.na-product-card__image > a { display:block; width:100%; height:100%; pointer-events:auto; }
.na-product-card__image :is(.c-media,figure) { width:100%; height:100%; margin:0; }
.na-product-card__image img { display:block; width:100%; height:100%; object-fit:contain; }
.na-product-card--light .na-product-card__image img { filter:drop-shadow(0 22px 12px #0005); }
.na-product-card__metrics { position:relative; z-index:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:0; padding:0 5.1cqw 25px; }
.na-product-card__metric { display:flex; align-items:center; gap:15px; min-width:0; padding:8px 10px; background:#fff; border:1px solid var(--product-border); }
.na-product-card--dark .na-product-card__metric { background:#000; }
.na-product-card__metric > div { min-width:0; }
.na-product-card__metric dt { color:#f3000a; font-size:clamp(11px,2.9cqw,14px); font-weight:500; line-height:1.3; }
.na-product-card__metric dd { margin:2px 0 0; font-size:clamp(16px,3.7cqw,18px); font-weight:800; line-height:1.2; overflow-wrap:anywhere; }
.na-product-card__footer { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:auto; padding:25px 5.1cqw; border-top:1px solid var(--product-border); }
.na-product-card__price > span { display:block; font-size:14px; line-height:1.2; color:#888; margin-bottom:4px; }
body .na-product-card__price > div { font-family:var(--na-display-font,'Cal Sans',sans-serif); font-size:clamp(22px,6.6cqw,32px); line-height:1.2; }
.na-product-card__price :is(del,ins) { background:none; }
.na-product-card__price ins { text-decoration:none; }
.na-product-card__price del { display:block; color:#888; font-size:.6em; }
.na-product-card__price .woocommerce-price-suffix { font-family:var(--na-font); font-size:11px; display:block; }
.na-product-card__actions { display:flex; align-items:stretch; gap:5px; margin-left:auto; }
.na-product-card .na-product-card__more { display:inline-flex; justify-content:space-between; align-items:center; gap:24px; min-height:50px; padding:7px 7px 7px 24px; color:#fff; background:#f3000a; font-size:14px; font-weight:800; }
.na-product-card__more .na-framed-icon { --icon-corner:#fff; }
.na-product-card__cart { display:inline-grid; place-items:center; min-width:50px; min-height:50px; padding:7px; background:#f2f2f2; border:0; }
.na-product-card--dark .na-product-card__cart { background:#333; }
.na-product-card__cart-label { max-width:95px; font-size:12px; text-align:center; }
.na-product-card .na-product-card__more:hover { background:#b90008; }
.na-product-card__cart:hover { background:#e4e4e4; }
.na-product-card--dark .na-product-card__cart:hover { background:#494949; }
.c-query:has(.na-product-card) { gap:10px; }
.c-carousel:has(.na-product-card) { --f-carousel-gap:10px; }
@container (max-width:390px) {
    .na-product-card__metrics { gap:10px; padding-bottom:20px; }
    .na-product-card__metric { gap:9px; padding:7px; }
    .na-product-card__metric .na-framed-icon { flex-basis:28px; width:28px; height:28px; }
    .na-product-card__footer { padding-block:20px; }
    .na-product-card .na-product-card__more { gap:12px; min-height:44px; padding:6px 6px 6px 15px; }
    .na-product-card__actions .na-framed-icon { flex-basis:30px; width:30px; height:30px; }
    .na-product-card__cart { min-width:44px; min-height:44px; }
}
@container (max-width:270px) { .na-product-card__metrics { grid-template-columns:1fr; } }