/* Costos catalog (wave 2 / D; parity pass 10/11 = measured against live Woodmart at 1920/1440/1024/768/390):
   title band, archive columns, toolbar, product card, pagination, [costos_products] grids. Live fonts: Cfontmedium /
   Cfontbold families (same @font-face as live, 05-settings.php) so text renders identically. */
.nsc-shop{padding-block:30px 40px}
.nsc-shop.has-band{padding-top:30px}
.nsc-shop-top{padding-top:40px}
.nsc-brand-top>.ns-bc{display:none} /* live brand landings have no visible breadcrumb (schema unchanged) */
.nsc-shop-top+.nsc-shop{padding-top:0}
/* title band (live .wd-page-title: full bleed, 20px 0, back arrow 50×40, H1 Cfontbold 44/52.8) */
.nsc-titleband{background:var(--ns-accent);color:#fff;padding:20px 0}
.nsc-titleband__in{display:flex;align-items:center;min-height:53px}
.nsc-titleband__back{flex:0 0 50px;height:40px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.9)}
.nsc-titleband__back:hover{color:#fff}
.nsc-titleband__h,.nsc-titleband h1.page-title{margin:0;color:#fff;font:700 44px/1.2 Cfontbold,Cfont,Arial,sans-serif;letter-spacing:normal;text-wrap:wrap}
.nsc-shop .ns-shop__main>h1.page-title,.nsc-shop .woocommerce-products-header{background:var(--ns-accent);color:#fff;border-radius:10px;padding:20px 25px;margin:0 0 20px}
.nsc-shop .woocommerce-products-header__title.page-title,.nsc-shop .ns-shop__main>h1.page-title{color:#fff;margin:0;font:700 44px/1.2 Cfontbold,Cfont,Arial,sans-serif}
.nsc-shop .woocommerce-products-header .term-description{display:none}

/* toolbar (live: count 15/24 #242424 · per page «27 / 30 / 33 / 36» · select 352×42 r5) */
.nsc-toolbar{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin:0 0 20px;font:15px/24px Cfontmedium,Cfont,Arial,sans-serif;color:#242424}
.nsc-toolbar .woocommerce-result-count{margin:0!important;float:none!important;font:inherit;color:#242424;flex:1 1 auto}
.nsc-toolbar .woocommerce-ordering{margin:0!important;float:none!important;flex:0 0 auto;max-width:100%}
.nsc-toolbar .woocommerce-ordering select{width:auto;max-width:100%;height:42px;min-height:42px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' stroke-width='2' stroke='%23bbb'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 5px center/25px no-repeat;padding:0 30px 0 15px;font:14px/22.4px Cfontmedium,Cfont,Arial,sans-serif;color:#777;-webkit-appearance:none;appearance:none;box-shadow:none}
.nsc-pp{display:flex;align-items:center;gap:0;font:inherit;color:#767676}
.nsc-pp__l{font-weight:600;color:#333;margin-right:0}
.nsc-pp a,.nsc-pp span.is-on{display:inline-block;min-width:0;min-height:0;padding:0 7px;color:#767676;text-decoration:none;border-radius:0;line-height:24px}
.nsc-pp__s{display:inline-block;width:10px;text-align:center;color:#767676}
.nsc-pp a:hover{color:#333;background:none}
.nsc-pp span.is-on{color:#333;font-weight:600}
.ns-shop__main>.ns-filters-btn:not(.nsc-filters-btn),.ns-active-filters{display:none!important}

/* grid (live: 3 columns, 10px gaps; 2 columns ≤768) */
.nsc-shop ul.products,ul.products.nsc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0!important}
.nsc-shop:not(.has-filters) ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.related ul.products,.upsells ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
ul.products.nsc-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
ul.products.nsc-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
ul.products.nsc-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
ul.products.nsc-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

/* card (live .wd-product: white, r10, padding 15, 12px rhythm; title Cfontbold 15/21 2 lines; price row; 42px buy bar) */
ul.products li.product.nsc-card{background:#fff;border:0;border-radius:10px;padding:15px!important;gap:0;box-shadow:none;transition:box-shadow .3s;font:15px/21px Cfontmedium,Cfont,Arial,sans-serif;color:#767676}
ul.products li.product.nsc-card:hover{box-shadow:0 0 10px rgba(0,0,0,.15)}
.nsc-card__media{position:relative}
.nsc-card__media a.woocommerce-LoopProduct-link{display:block;position:relative;flex:none}
ul.products li.product.nsc-card a.woocommerce-LoopProduct-link::before{display:none}
ul.products li.product.nsc-card img{mix-blend-mode:normal;margin:0!important;border-radius:0;background:#fff;width:100%;aspect-ratio:1/1;object-fit:contain}
.nsc-card__img2{position:absolute!important;inset:0;opacity:0;transition:opacity .25s}
@media (hover:hover) and (min-width:1025px){.nsc-card:hover .nsc-card__img2{opacity:1}}
.nsc-card__labels{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}
.nsc-lbl{position:absolute;display:inline-flex;align-items:center}
.nsc-lbl--sale{left:0;bottom:1px;background:var(--ns-accent);color:#fff;font:600 12px/14.4px Cfontmedium,Cfont,Arial,sans-serif;border-radius:12px;padding:5px 10px;min-width:50px;justify-content:center}
.nsc-lbl--clr{background:#E22D2D}
.nsc-lbl--brand{left:0;top:0;width:50px;height:auto}
.nsc-lbl--brand img.nsc-brandlogo{width:50px!important;height:auto!important;object-fit:contain;object-position:left center;aspect-ratio:auto!important;border-radius:0!important;background:transparent!important}
.nsc-card__body{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;padding-top:12px}
a.nsc-card__title{display:block;margin:-3px 0;color:#333;text-decoration:none}
a.nsc-card__title:hover{color:var(--ns-accent)}
ul.products li.product.nsc-card .woocommerce-loop-product__title{font:700 15px/21px Cfontbold,Cfont,Arial,sans-serif!important;color:#333;margin:0!important;min-height:0;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nsc-chip{align-self:flex-start;display:inline-block;font-size:12px;line-height:1.3;font-weight:600;color:var(--ns-accent);background:var(--ns-hero-soft,#E8F2EC);border-radius:4px;padding:3px 7px;margin:0;letter-spacing:.01em}
ul.products li.product.nsc-card p.stock{margin:-3px 0;font:600 15px/23px Cfontmedium,Cfont,Arial,sans-serif!important;color:#333!important}
ul.products li.product.nsc-card p.stock.in-stock::before{content:"";display:inline-block;width:.75em;height:.4em;border:solid var(--ns-accent);border-width:0 0 2px 2px;transform:translateY(-.3em) rotate(-45deg);margin:0 7px 0 2px}
.nsc-card__price{display:flex;flex-wrap:wrap;align-items:center;gap:0;min-height:22px}
ul.products li.product.nsc-card .price{margin:-3.5px 0 -3px 5px;font:600 15px/21px Cfontmedium,Cfont,Arial,sans-serif;color:var(--ns-accent)!important;display:block}
ul.products li.product.nsc-card .price del{margin-right:4px}
ul.products li.product.nsc-card .price del,ul.products li.product.nsc-card .price del .amount{font-size:13.5px;line-height:18.9px;font-weight:400;color:#bbb!important;opacity:1}
ul.products li.product.nsc-card .price ins{color:var(--ns-accent);font-weight:600;text-decoration:none}
.nsc-card__price .price-unit,.nsc-card__price .costos-unit-price{margin:4px auto 0;padding:0 0 2px 6px}
.nsc-card__price .price-incl-vat{margin:4px 0 0 auto;padding:0 0 2px 6px;text-align:right}
.nsc-card .price-unit,.nsc-card .costos-unit-price{font:600 12.3px/16px Cfontmedium,Cfont,Arial,sans-serif;color:#555}
.nsc-card .price-incl-vat{font:400 12.3px/16px Cfontmedium,Cfont,Arial,sans-serif;color:#888}
.nsc-card .price-incl-vat .amount{font-weight:600;color:#555}
.nsc-card .price-incl-vat small{font-size:.9em;font-weight:400;color:#888}
.nsc-card__buy{display:flex;align-items:stretch;margin-top:12px;background:var(--ns-accent);border-radius:5px;overflow:hidden;height:42px;min-height:42px}
.nsc-card__buy .quantity{display:flex;align-items:center;flex:0 0 auto;color:#fff}
.nsc-card__buy .quantity .screen-reader-text{position:absolute}
.nsc-card__buy .quantity input.qty{width:30px;height:42px;border:0;background:transparent;color:#fff;text-align:center;font:400 14px/19.6px Cfontmedium,Cfont,Arial,sans-serif;padding:0;-moz-appearance:textfield;appearance:textfield}
.nsc-card__buy .quantity input.qty::-webkit-inner-spin-button,.nsc-card__buy .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.nsc-q__b{flex:0 0 25px;width:25px;height:42px;border:0;background:transparent;color:inherit;font-size:13px;cursor:pointer;padding:0}
.nsc-card__buy .nsc-q__b:hover{background:rgba(255,255,255,.12)}
ul.products li.product.nsc-card .nsc-card__buy .button{flex:1 1 auto;margin:0!important;width:auto;border-radius:0;background:transparent!important;color:#fff!important;border:0;font:600 13px/42px Cfontmedium,Cfont,Arial,sans-serif!important;padding:0 12px!important;border-radius:0!important;height:42px;min-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
ul.products li.product.nsc-card .nsc-card__buy .button:hover{background:rgba(255,255,255,.12)!important}
ul.products li.product.nsc-card .nsc-card__buy .button.loading{opacity:.7}
ul.products li.product.nsc-card .nsc-card__buy .button.added::after{content:" ✓"}
ul.products li.product.nsc-card .added_to_cart{display:none}
ul.products li.product.nsc-card.outofstock .nsc-card__buy,ul.products li.product.nsc-card .nsc-card__buy:not(.has-qty):has(.product_type_variable,.product_type_external){background:#fff;border:1.5px solid var(--ns-accent)}
ul.products li.product.nsc-card.outofstock .nsc-card__buy .button,ul.products li.product.nsc-card .nsc-card__buy:not(.has-qty):has(.product_type_variable,.product_type_external) .button{color:var(--ns-accent)!important}
.nsc-card .costos-loop-sizes{order:0}
.csg-grouped .nsc-card__buy .quantity{display:none}

/* category text: full width under the grid (live: plain text, 15/24 #242424, 40px under the pagination) */
.nsc-archive-desc-wrap{padding-bottom:40px;margin-top:-20px}
.nsc-archive-desc{max-width:none;margin:0;padding:0 10px;background:none;border-radius:0;font:15px/24px Cfontmedium,Cfont,Arial,sans-serif;color:#242424}
.nsc-archive-desc p{margin:0 0 20px}
.nsc-archive-desc h2,.nsc-archive-desc h3{font-size:18px;color:#242424;margin:1.2em 0 .5em}
.nsc-archive-desc ul{padding-left:17px;margin:0 0 20px}
.nsc-archive-desc li{margin-bottom:10px}

/* pagination (numbers from costos-pagination; live: centred 34×34, r6.67, 600 14px, current green) */
.nsc-shop .woocommerce-pagination{margin:30px 0 0;text-align:center}
.nsc-shop .woocommerce-pagination ul.page-numbers{display:inline-flex;gap:3px;border:0;margin:0;padding:0}
.nsc-shop .woocommerce-pagination ul.page-numbers li{border:0;margin:0;float:none}
.nsc-shop .woocommerce-pagination .page-numbers a,.nsc-shop .woocommerce-pagination .page-numbers span,.nsc-shop .woocommerce-pagination a.page-numbers,.nsc-shop .woocommerce-pagination span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 5px;border:0!important;background:transparent;border-radius:6.67px;color:#242424;text-decoration:none;font:600 14px/22.4px Cfontmedium,Cfont,Arial,sans-serif}
.nsc-shop .woocommerce-pagination a.page-numbers:hover{background:rgba(0,0,0,.05)}
.nsc-shop .woocommerce-pagination span.current,.nsc-shop .woocommerce-pagination .page-numbers.current{background:var(--ns-accent)!important;color:#fff!important}

/* [costos_products] grids (costos-collections renders our card) */
.cc-grid-wrap ul.products{margin-top:0!important}

/* tablet 769–1024 (live): band 15px/36px no back arrow · filters drawer · toolbar = filters button + select · 3 columns */
@media (max-width:1024px){
 .nsc-titleband{padding:15px 0}
 .nsc-titleband__back{display:none}
 .nsc-titleband__h,.nsc-titleband h1.page-title{font-size:36px}
 .nsc-titleband__in{min-height:0}
 .nsc-shop,.nsc-shop.has-band{padding-top:20px}
 .nsc-shop ul.products,.nsc-shop:not(.has-filters) ul.products,ul.products.nsc-grid,ul.products.nsc-cols-4,ul.products.nsc-cols-5,ul.products.nsc-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}
 .nsc-toolbar .woocommerce-result-count,.nsc-pp{display:none}
 .nsc-toolbar .nsc-filters-btn{order:-1;margin-right:auto;border:0;background:none;padding:0;min-height:30px;font:600 15px/24px Cfontmedium,Cfont,Arial,sans-serif;color:#333;gap:6px}
}
/* phones + small tablets ≤768 (live): count on its own row, per page, sort as an icon · 2 columns */
@media (max-width:768px){
 .nsc-shop ul.products,.nsc-shop:not(.has-filters) ul.products,ul.products.nsc-grid,.related ul.products,.upsells ul.products,ul.products[class*="nsc-cols-"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .nsc-toolbar{gap:15px 20px}
 .nsc-toolbar .woocommerce-result-count{display:block;order:-2;flex-basis:100%}
 .nsc-pp{display:flex;margin:0 auto}
 .nsc-toolbar .nsc-filters-btn{margin-right:0}
 .nsc-toolbar .woocommerce-ordering{flex:0 0 30px;width:30px;margin-left:auto!important}
 /* card (live ≤768: padding 10, 38px buy bar, smaller old price / VAT / unit, right-aligned when wrapped) */
 ul.products li.product.nsc-card{padding:10px!important}
 ul.products li.product.nsc-card .price{margin-left:0}
 .nsc-card__buy,.nsc-card__buy .nsc-q__b,.nsc-card__buy .quantity input.qty{height:38px;min-height:38px}
 ul.products li.product.nsc-card .nsc-card__buy .button{height:38px;min-height:38px;line-height:38px!important}
 ul.products li.product.nsc-card .price del,ul.products li.product.nsc-card .price del .amount{font-size:11.25px}
 .nsc-card .price-incl-vat,.nsc-card .price-unit,.nsc-card .costos-unit-price{font-size:10.5px;line-height:13.6px;padding:0!important}
 .nsc-card__price .price-unit,.nsc-card__price .costos-unit-price{margin:4px 0 0 auto}
 .nsc-toolbar .woocommerce-ordering select{width:30px;height:30px;min-height:30px;padding:0;border:0;color:transparent;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6'%3E%3Cpath d='M8 4v16M4 8l4-4 4 4M16 20V4M12 16l4 4 4-4'/%3E%3C/svg%3E") center/20px no-repeat;cursor:pointer}
 .nsc-toolbar .woocommerce-ordering select option{color:#242424}
 .nsc-shop .ns-shop__main>h1.page-title,.nsc-shop .woocommerce-products-header{border-radius:0;margin:0 calc(-1 * var(--ns-gap,15px)) 12px;padding:18px var(--ns-gap,15px)}
}
@media (max-width:600px){
 .nsc-toolbar .woocommerce-result-count,.nsc-pp{display:none}
}
/* phones ≤576 (live): card text 13.5px, old price 10.1px, VAT/unit 9.45px, small labels */
@media (max-width:576px){
 ul.products li.product.nsc-card{font-size:13.5px;line-height:18.9px}
 ul.products li.product.nsc-card .woocommerce-loop-product__title{font-size:13.5px!important;line-height:18.9px!important}
 ul.products li.product.nsc-card p.stock{font-size:13.5px!important;line-height:20.9px!important}
 ul.products li.product.nsc-card .price,ul.products li.product.nsc-card .price ins{font-size:13.5px;line-height:18.9px}
 ul.products li.product.nsc-card .price del,ul.products li.product.nsc-card .price del .amount{font-size:10.125px;line-height:14px}
 .nsc-card .price-incl-vat,.nsc-card .price-unit,.nsc-card .costos-unit-price{font-size:9.45px;line-height:12.3px}
 .nsc-lbl--sale{font-size:10px;line-height:12px;padding:5px 6px;min-width:40px}
}
/* narrow cards (phones, 4-up grids inside articles): cart icon instead of the text — container query on the card */
ul.products li.product.nsc-card{container-type:inline-size}
@container (max-width:250px){ul.products li.product.nsc-card .nsc-card__buy .button{font-size:12px!important;padding:9px 4px!important}ul.products li.product.nsc-card .nsc-card__buy.has-qty .button{font-size:0!important}ul.products li.product.nsc-card .nsc-card__buy.has-qty .button::before{content:"";width:20px;height:20px;display:inline-block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2.5 4h2.6l2.3 11h10.4l2-7.5H6.3'/%3E%3Ccircle cx='9' cy='19.3' r='1.4'/%3E%3Ccircle cx='17' cy='19.3' r='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2.5 4h2.6l2.3 11h10.4l2-7.5H6.3'/%3E%3Ccircle cx='9' cy='19.3' r='1.4'/%3E%3Ccircle cx='17' cy='19.3' r='1.4'/%3E%3C/svg%3E") center/contain no-repeat}ul.products li.product.nsc-card .nsc-card__buy.has-qty .button{display:flex!important;align-items:center;justify-content:center}
ul.products li.product.nsc-card .nsc-card__price .price-incl-vat{margin-left:auto;text-align:right}
ul.products li.product.nsc-card .nsc-card__buy .nsc-q__b{flex-basis:25px}ul.products li.product.nsc-card .nsc-card__buy .quantity input.qty{width:30px}}

/* Final parity pass (10/11/2026): live card rhythm is tighter on tablets/phones than the 12px desktop rhythm
   (measured /shop/, /kouzina/, /piata/ at 768 and 390: stock→price 4–5px, price→buy bar 7–9px; phones: unit price
   on its own right-aligned line above the price, 7px apart). */
@media (max-width:768px){
 ul.products li.product.nsc-card .nsc-card__price{margin-top:-4px}
 ul.products li.product.nsc-card .nsc-card__buy{margin-top:9px}
}
@media (max-width:576px){
 ul.products li.product.nsc-card .nsc-card__body{padding-top:10px}
 ul.products li.product.nsc-card .nsc-card__price{margin-top:-7px}
 ul.products li.product.nsc-card .nsc-card__buy{margin-top:5px}
 ul.products li.product.nsc-card .nsc-card__price .price-unit,ul.products li.product.nsc-card .nsc-card__price .costos-unit-price{order:-1;flex:0 0 100%;margin:4px 0 6px;text-align:right}
}
/* …but only WooCommerce archives (shop, categories, brand pages) shrink the card on live phones: every other grid
   (related carousel, landings, best sellers, Kumo, blog articles, homepage tabs) keeps the tablet card (15px, 768 rhythm). */
@media (max-width:576px){
 :where(body:not(.archive)) ul.products li.product.nsc-card{font-size:15px;line-height:21px}
 :where(body:not(.archive)) ul.products li.product.nsc-card .woocommerce-loop-product__title{font-size:15px!important;line-height:21px!important}
 :where(body:not(.archive)) ul.products li.product.nsc-card p.stock{font-size:15px!important;line-height:23px!important}
 :where(body:not(.archive)) ul.products li.product.nsc-card .price,:where(body:not(.archive)) ul.products li.product.nsc-card .price ins{font-size:15px;line-height:21px}
 :where(body:not(.archive)) ul.products li.product.nsc-card .price del,:where(body:not(.archive)) ul.products li.product.nsc-card .price del .amount{font-size:11.25px;line-height:15px}
 :where(body:not(.archive)) .nsc-card .price-incl-vat,:where(body:not(.archive)) .nsc-card .price-unit,:where(body:not(.archive)) .nsc-card .costos-unit-price{font-size:10.5px;line-height:13.6px}
 :where(body:not(.archive)) ul.products li.product.nsc-card .nsc-card__body{padding-top:12px}
 :where(body:not(.archive)) ul.products li.product.nsc-card .nsc-card__price{margin-top:-4px}
 :where(body:not(.archive)) ul.products li.product.nsc-card .nsc-card__buy{margin-top:9px}
 :where(body:not(.archive)) ul.products li.product.nsc-card .nsc-card__price .price-unit,:where(body:not(.archive)) ul.products li.product.nsc-card .nsc-card__price .costos-unit-price{order:0;flex:0 1 auto;margin:4px 0 0 auto;text-align:left}
}
/* Same logos rendered from cached shortcode grids still carry sizes="auto, …" (Chrome UA: contain:size!important, which
   author CSS cannot beat) → give them an explicit 50×25 box; object-fit keeps each logo's own ratio, left-aligned. */
.nsc-lbl--brand img.nsc-brandlogo:is([sizes^="auto" i]){height:25px!important}
/* Card image gallery = live Woodmart «grid gallery» (woo-opt-grid-gallery[-arrows].css): desktop hover zones + 4px bars
   (#242424 inverted 90%, 0.2 / 0.6 active) at the image bottom; ≤1024 ‹ › 40×50 arrows on the image, always visible. */
.nsc-card__gal{position:absolute;inset:0;z-index:2;display:none;pointer-events:none}
.nsc-card__zones{position:absolute;inset:0;display:flex}
.nsc-card__zones>span{flex:1 1 0}
.nsc-card__bars{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;filter:invert(90%);opacity:0;visibility:hidden;transition:.3s}
.nsc-card__bars>span{flex:1 1 0;height:4px;background:#242424;opacity:.2;transition:.25s}
.nsc-card__bars>span.is-on{opacity:.6}
.nsc-card__nav{display:none}
@media (hover:hover) and (min-width:1025px){
 .nsc-card__gal{display:block}
 .nsc-card__zones{pointer-events:auto}
 .nsc-card:hover .nsc-card__bars{opacity:1;visibility:visible}
}
@media (max-width:1024px){
 .nsc-card__nav{position:absolute;left:0;right:0;top:0;aspect-ratio:1/1;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
 .nsc-card__nav button{pointer-events:auto;width:40px;height:50px;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:#333;display:flex;align-items:center;cursor:pointer}
 .nsc-card__nav button::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
 .nsc-card__prev{justify-content:flex-start;padding-left:8px!important}
 .nsc-card__prev::before{transform:scaleX(-1)}
 .nsc-card__next{justify-content:flex-end;padding-right:8px!important}
}
/* phones: toolbar row = live «Εμφάνιση» row — 30px tall, button flush left (x15), 18px icon, label 5px after it */
@media (max-width:768px){
 .nsc-toolbar .nsc-filters-btn,.nsc-toolbar .ns-filters-btn{margin:0;min-height:30px;gap:5px}
 .nsc-toolbar .nsc-filters-btn svg,.nsc-toolbar .ns-filters-btn svg{width:18px;height:18px}
}

/* One add-to-cart loading spinner everywhere (cards on category/home/related, product page, sticky bar). WooCommerce core draws
   its font-icon spinner only inside .woocommerce (so: category yes, home no) and low on our 42px buttons → replace it. 16/11/2026 */
:is(.add_to_cart_button,.single_add_to_cart_button,.nsc-sticky__b).loading{position:relative!important;pointer-events:none}
:is(.add_to_cart_button,.single_add_to_cart_button,.nsc-sticky__b).loading::after{content:""!important;font-family:inherit!important;position:absolute!important;top:50%!important;right:.9em!important;left:auto!important;width:14px!important;height:14px!important;margin:-7px 0 0!important;padding:0!important;border:2px solid currentColor!important;border-right-color:transparent!important;border-radius:50%!important;box-sizing:border-box;line-height:0!important;vertical-align:middle;animation:nsc-spin .7s linear infinite!important}
@keyframes nsc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){:is(.add_to_cart_button,.single_add_to_cart_button,.nsc-sticky__b).loading::after{animation-duration:2s!important}}