.products-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: stretch;
width:100%;
}
.product-item {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
flex: 0 0 calc((100% - 80px) / 5);
background: #fff;
border-radius: 5px;
transition: box-shadow 0.3s ease;
padding: 20px;
}
.product-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.43);
}
.product-item .product-link {
display: flex;
flex-direction: column;
text-decoration: none;
flex: 1 1 auto;
min-height: 0;
}
.product-image {
width: 100%;
height: auto;
display: block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.product-title {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
margin: 10px 10px 15px;
color: #000;
}
@media (max-width: 1024px) {
.products-list .product-item {
flex: 0 0 calc((100% - 40px) / 3);
}
}
@media (max-width: 768px) {
.products-list .product-item {
flex: 0 0 calc(50% - 10px);
width: calc(50% - 10px);
}
} .npf-results-bar {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
font-size: 14px;
}
.npf-results-bar .npf-total {
color: #333;
font-weight: 500;
}
.npf-sort {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 14px;
gap: 6px;
}
.npf-sort label {
font-size: 13px;
color: #333;
}
.npf-select-wrapper {
position: relative;
width: 200px;
}
.npf-select-wrapper select {
width: 100%;
padding: 10px 12px;
padding-right: 40px;
font-size: 14px;
background: #fff;
border: 1px solid #333;
border-radius: 6px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
.npf-select-wrapper::after {
content: '\25BC'; position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
font-size: 16px;
color: #000;
}
.npf-results-bar select {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
}
.npf-attribute-group {
margin-bottom: 20px;
}
.npf-pagination {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 30px;
gap: 8px;
}
.npf-pagination a {
display: inline-block;
padding: 8px 12px;
background-color: #f2f2f2;
color: #333;
text-decoration: none;
border-radius: 5px;
font-weight: 500;
transition: all 0.2s ease;
border: 1px solid #ccc;
}
.npf-pagination a:hover,
.npf-pagination a.active {
background-color: #fed700;
color: #333;
border-color: #333;
}
.npf-pagination .dots {
display: inline-block;
padding: 8px 12px;
color: #888;
font-weight: bold;
pointer-events: none;
}
.npf-attribute-group {
background: white;
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px;
}
.npf-attribute-group h4 {
position:relative;
margin-bottom: 10px;
font-size: 16px;
padding-bottom: 5px;
font-weight: bold;
}
.npf-attribute-group h4:before {
content:'';
position:absolute;
height:1px;
width:100%;
background-color:#666;
bottom:0;
left:0;
z-index:5;
}
.npf-attribute-group h4:after {
content:'';
position:absolute;
height:1px;
width:50%;
background-color:var(--e-global-color-f80609b);
bottom:0;
left:0;
z-index:10;
}
.npf-attribute-group label {
display: block;
margin-bottom: 6px;
cursor: pointer;
}
.npf-attribute-group input[type="checkbox"],
.npf-attribute-group input[type="number"] {
margin-right: 6px;
} .npf-attribute-group label {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 0;
cursor: pointer;
font-size: 14px;
}
.npf-attribute-group input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 2px solid #999;
border-radius: 4px;
background-color: #fff;
position: relative;
cursor: pointer;
transition: all 0.2s ease;
}
.npf-attribute-group input[type="checkbox"]:checked {
background-color: #fed700;
border-color: #333;
}
.npf-attribute-group input[type="checkbox"]:checked::after {
content: '\2713';
color: #000;
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .npf-attribute-group input[type="checkbox"]:hover {
border-color: #666;
}
.npf-terms-scroll {
max-height: 160px;
overflow-y: auto;
padding-right: 5px;
scrollbar-width: thin;
scrollbar-color: #ccc transparent;
border-radius:5px;
} .npf-terms-scroll::-webkit-scrollbar {
width: 8px;
}
.npf-terms-scroll::-webkit-scrollbar-track {
background: transparent;
}
.npf-terms-scroll::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 6px;
border: 2px solid transparent;
background-clip: content-box;
}
.npf-terms-scroll::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
.npf-skeleton{
display:grid !important;
width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
--npf-gap:16px;
gap:var(--npf-gap) !important;
--npf-max-cols:10;
--npf-card-min:180px;
max-width:calc(var(--npf-max-cols) * var(--npf-card-min) + (var(--npf-max-cols) - 1) * var(--npf-gap)) !important;
margin-left:auto !important;
margin-right:auto !important;
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
@media (min-width:900px){
.npf-skeleton{
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
}
@media (min-width:1500px){
.npf-skeleton{
grid-template-columns:repeat(6, minmax(0,1fr)) !important;
}
}
@media (min-width:1900px){
.npf-skeleton{
grid-template-columns:repeat(8, minmax(0,1fr)) !important;
}
}
@media (min-width:2400px){
.npf-skeleton{
grid-template-columns:repeat(10, minmax(0,1fr)) !important;
}
} .npf-sk-card,
.skeleton-box{
width:auto !important;
min-width:0;
box-sizing:border-box;
height:250px;
border-radius:8px;
border:1px solid rgba(0,0,0,.06);
background:#fff;
overflow:hidden;
}
.npf-sk-media,
.npf-sk-line,
.skeleton-box{
background:linear-gradient(90deg, #f4f4f4 25%, #e6e6e6 50%, #f4f4f4 75%);
background-size:200% 100%;
animation:skeleton-loading 1.8s infinite linear;
}
.npf-sk-media{
height:58%;
}
.npf-sk-body{
padding:10px;
}
.npf-sk-line{
height:12px;
border-radius:6px;
margin-bottom:8px;
}
.npf-sk-line.short{ width:70%; }
.npf-sk-line.tag{ width:45%; margin-bottom:0; }
@keyframes skeleton-loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.npf-no-results {
text-align: center;
padding: 60px 20px;
font-size: 16px;
color: #666;
background-color: #fafafa;
border-radius: 6px;
border: 1px solid #eee;
} #npf-open-filters {
display: none!important;
padding: 10px 16px;
font-size: 14px;
background-color: #fed700;
color: #000;
border: none;
border-radius: 6px;
cursor: pointer;
margin-bottom: 20px;
}
.npf-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.npf-modal.is-open {
display: block; }
html.npf-modal-open, body.npf-modal-open { overflow: hidden; }
@media (max-width: 768px) {
#npf-open-filters {
background-size:30px 30px;
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
text-indent: -9999px;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #fed700;
border: none;
border-radius: 50px;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
z-index: 9000;
display: inline-block!important;
}
#npf-desktop-filters {
display: none;
}
}
.npf-modal-content {
background: #fff;
width: 90%;
max-width: 400px;
margin: 60px auto;
padding: 20px;
border-radius: 8px;
max-height: 80vh;
overflow-y: auto;
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
}
.npf-close {
background: #fff;
border-radius: 50px;
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
color: #000;
border: 1px solid #ddd;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-block;
}
.npf-modal-header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.npf-modal-header h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
}
.npf-modal-body {
flex-grow: 1;
overflow-y: auto;
max-height: 60vh;
padding-right: 5px;
}
.npf-modal-footer {
padding-top: 10px;
border-top: 1px solid #eee;
display: flex;
justify-content: flex-end;
}
table.woocommerce-product-attributes.shop_attributes th{
background-color:white!important;
border:0!important;
border-bottom:1px solid #ddd!important;
text-align:left;
width:auto;
white-space: nowrap; }
table.woocommerce-product-attributes.shop_attributes td{
background-color:white!important;
padding-left:20px!important;
border:0!important;
border-bottom:1px solid #ddd!important;
vertical-align: middle;
}
.with-read-more .elementor-widget-container{
height:450px!important;
overflow:hidden!important;
}
.with-read-more .elementor-widget-container::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 50%);
pointer-events: none;
}
.read-more-btn .elementor-button-wrapper a{
position:relative;
z-index:50!important;
}
.read-more-btn .elementor-button-wrapper::after{
position:absolute;
content:" ";
background-color:#ddd;
width:100%;
height:1px;
left:0;
top:45%;
z-index:1!important;
}
.with-read-more.expanded .elementor-widget-container::after {
display: none!important;
}
.price-alert-wrap{position:relative;display:inline-flex;align-items:center;}
.price-alert-icon{color:#f59e0b;cursor:pointer;position:absolute;top:10px;right:0px;}
.price-alert-icon.tnz-price-status--best{color:#16a34a;}
.price-alert-icon.tnz-price-status--worst{color:#dc2626;}
.price-alert-icon.tnz-price-status--middle{color:#f59e0b;}
.price-alert-icon:hover {
color: #d97706;
filter: drop-shadow(0 0 2px rgba(245, 158, 11, 0.5));
}
.price-alert-icon.tnz-price-status--best:hover{
color:#15803d;
filter: drop-shadow(0 0 2px rgba(22, 163, 74, 0.45));
}
.price-alert-icon.tnz-price-status--worst:hover{
color:#b91c1c;
filter: drop-shadow(0 0 2px rgba(220, 38, 38, 0.45));
}
.price-alert-icon.tnz-price-status--middle:hover{
color:#d97706;
filter: drop-shadow(0 0 2px rgba(245, 158, 11, 0.5));
} .price-tooltip{
position:absolute; inset:auto auto 125% 50%;
transform:translateX(-50%);
min-width:240px; max-width:320px;
background:#111827; color:#fff; border-radius:8px;
box-shadow:0 10px 30px rgba(0,0,0,.35);
padding:10px; opacity:0; visibility:hidden; pointer-events:none;
transition:opacity .18s ease, visibility .18s ease;
z-index:9999; font:14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.price-tooltip::after{
content:""; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%);
border:6px solid transparent; border-top-color:#111827;
} .price-alert-wrap:hover .price-tooltip,
.price-alert-icon:focus + .price-tooltip{ opacity:1; visibility:visible } .tooltip-head{font-weight:600; margin-bottom:6px; opacity:.95}
.tooltip-foot{margin-top:8px; font-size:12px; color:#d1d5db; opacity:.85}
.tooltip-table{width:100%; border-collapse:separate; border-spacing:0; font-size:13px}
.tooltip-table td{padding:6px 3px}
.tooltip-table td.price{text-align:right; font-variant-numeric:tabular-nums;}
.tooltip-table tr + tr td{border-top:1px dotted rgba(255,255,255,.15)}
.tooltip-table tr.you td{font-weight:600; color:#f59e0b;}
.npf-cats-group ul.npf-terms-list { list-style:none; padding:0; margin:0; }
.npf-cats-group ul.npf-terms-list li { margin:4px 0; }
.npf-cats-group ul.npf-terms-list li.active > a { font-weight:600; text-decoration:underline; }
.npf-cats-group ul.npf-terms-list li.npf-cat-parent { margin-bottom:8px; font-weight:600; }
.product-item{position:relative} .product-item .product-title{
font-size:1rem;margin:.5rem 0 10px;font-weight:600;line-height:1.25;
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
overflow:hidden;min-height:2.5em;
}
@supports not (-webkit-line-clamp: 2) {
.product-item .product-title{ max-height:2.5em; overflow:hidden; }
}
.price{display:block;margin:.35rem 0 0}
.price.no-price{opacity:.8} .product-item .npf-price-block{
display:flex;
flex-direction:column;
gap:0;
min-height:calc(2 * 1.2em);
margin:.35rem 0 0;
}
.product-item .npf-price-line{
display:block;
line-height:1.2em;
min-height:1.2em;
flex-shrink:0;
}
.product-item .npf-price-placeholder{
visibility:hidden;
display:inline-block;
min-height:1.2em;
line-height:1.2em;
}
.product-item .npf-price-current{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.product-item .npf-price-current .price,
.product-item .npf-price-current .npf-price-current-amount{ margin:0; } .product-item .price-line{
display:inline-flex;
align-items:baseline;
line-height:1.2;
}
.product-item .price-value{
display:inline-flex;
align-items:baseline;
gap:1px;
font-weight:800;
}
.product-item .price-currency,
.product-item .price-sep{
font-size:22px;
line-height:1.2;
vertical-align:baseline;
position:static;
top:auto;
}
.product-item .price-integer{
font-size:20px;
line-height:1.2;
font-weight:800;
}
.product-item .price-decimals{
display:inline-block;
position:relative;
font-size:12px;
line-height:1.1;
font-weight:800;
vertical-align:super;
top:-0.28em;
} .product-item .npf-price-current .price-line.price-sale,
.product-item .npf-price-current .price-line.price-sale .price-currency,
.product-item .npf-price-current .price-line.price-sale .price-integer,
.product-item .npf-price-current .price-line.price-sale .price-sep,
.product-item .npf-price-current .price-line.price-sale .price-decimals{
color:#dc2626 !important;
} .product-item .npf-price-regular .npf-old-price{
color:#6b7280;
font-weight:500;
}
.product-item .npf-price-regular .npf-old-price .price-currency,
.product-item .npf-price-regular .npf-old-price .price-sep{
font-size:12px;
}
.product-item .npf-price-regular .npf-old-price .price-integer{
font-size:14px;
font-weight:500;
}
.product-item .npf-price-regular .npf-old-price .price-decimals{
font-size:10px;
font-weight:500;
} .product-item .product-image{
max-height:160px;
width:auto;height:auto;
display:block;margin:0 auto;
object-fit:contain;
} .npf-cat-parent .npf-back{
position: relative; display: inline-block;
padding-left: 1.2rem; text-decoration: none;
} .npf-cat-parent .npf-back::before{
content: "";
position: absolute;
left: 0.35rem; top: 50%;
width: .6em;
height: .6em;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-50%) rotate(45deg); opacity: .9;
} .npf-cat-parent .npf-back:hover::before,
.npf-cat-parent .npf-back:focus-visible::before{
animation: chevron-nudge-x .42s ease-out both;
} .npf-cat-parent .npf-back.attention::before{
animation: chevron-call-x 1.4s ease-in-out infinite;
} @keyframes chevron-nudge-x {
0%   { left: .65rem; }
60%  { left: .05rem; }
100% { left: .35rem; }
}
@keyframes chevron-call-x {
0%   { left: .55rem; opacity:.85; }
30%  { left: .05rem; opacity:1;   }
60%  { left: .35rem; opacity:.95; }
100% { left: .55rem; opacity:.85; }
} .npf-cat-parent .npf-back:focus-visible{
outline: 2px solid currentColor;
outline-offset: 3px;
} @media (prefers-reduced-motion: reduce){
.npf-cat-parent .npf-back::before{ animation: none !important; }
}
.product-item .product-image--empty{
max-height:160px;height:160px;
background:#f5f5f5;border:1px dashed rgba(0,0,0,.08);border-radius:6px;
} .npf-grid {
display: grid;
gap: 16px; align-items: stretch;
} .npf-grid{
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box; --npf-gap: 16px;
gap: var(--npf-gap); --npf-max-cols: 10;
--npf-card-min: 180px;
max-width: calc(var(--npf-max-cols) * var(--npf-card-min) + (var(--npf-max-cols) - 1) * var(--npf-gap));
margin-left: auto;
margin-right: auto; grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px) {
.npf-grid{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.npf-grid{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
.npf-grid{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
@media (min-width: 2000px) {
.npf-grid{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
} .npf-product-card {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
height: 100%;
display: flex;
flex-direction: column;
border: 1px solid rgba(0,0,0,.06);
border-radius: 8px;
overflow: hidden;
background: #fff;
} .npf-product-card .npf-thumb {
max-height: 160px; overflow: hidden; display: flex;
justify-content: center; align-items: center; background: #fff; }
.npf-product-card .npf-thumb img {
max-height: 160px; width: auto; height: auto;
object-fit: contain; display: block;
} .npf-product-card .npf-title,
.npf-product-card .npf-price {
padding: 10px 12px;
margin: 0;
}
.npf-product-card .npf-price {
margin-top: auto; } .npf-product-card .npf-product-link {
display: block;
color: inherit;
text-decoration: none;
}
.npf-product-card .npf-product-link:focus,
.npf-product-card .npf-product-link:hover {
text-decoration: none;
} .product-item .npf-atc,
.product-item .npf-atc-form .npf-atc{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin-top:auto!important;
margin-bottom:.5rem!important;
padding:10px 14px 8px!important;
border-radius:999px!important;
background:#fed700!important;
color:#000!important;
font-weight:600!important;
font-size:13px!important;
text-decoration:none!important;
line-height:1!important;
border:none!important;
cursor:pointer!important;
transition:filter .15s ease, transform .02s ease!important;
}
.product-item .npf-atc:hover,
.product-item .npf-atc-form .npf-atc:hover{ filter:brightness(0.95); }
.product-item .npf-atc:active,
.product-item .npf-atc-form .npf-atc:active{ transform:translateY(1px); }
.product-item .npf-atc[aria-disabled="true"],
.product-item .npf-atc.disabled{
opacity:.6; cursor:not-allowed; pointer-events:none;
}
@media (max-width: 599px) {
.npf-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.npf-grid > .product-item {
width: 100% !important;
box-sizing: border-box;
}
}
.product-energy-label-container {
display: inline-block;
font-family: Arial, sans-serif;
margin-right: 10px;
} .product-energy-label-container .energy-label {
min-width: 25px; width:25px;
height: 16px; display: flex;
align-items: center;
justify-content: left;
font-size: 9px;
font-weight: bold;
color: white;
position: relative;
text-transform: uppercase;
padding: 3px;
padding-left: 0px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } .product-energy-label-container .energy-label::before {
content: "";
background: url(//tenazinha.com/wp-content/themes/hello-child/assets/images/g_a.png) no-repeat center center;
background-size: contain;
width: 6px; height: 16px; margin-right: 5px; } .product-energy-label-container .energy-label::after {
content: "";
position: absolute;
right: -9px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent; text-decoration:none!important;
}
.product-energy-label-container .energy-label-container a{
text-decoration:none!important;
} .product-energy-label-container .energy-A { background-color: #00913d; } .product-energy-label-container .energy-A::after { border-left: 10px solid #00913d; }
.product-energy-label-container .energy-Aplusplusplus { background-color: #00e673; } .product-energy-label-container .energy-Aplusplusplus::after { border-left: 10px solid #00e673; } .product-energy-label-container .energy-Aplusplus { background-color: #00cc5f; } .product-energy-label-container .energy-Aplusplus::after { border-left: 10px solid #00cc5f; } .product-energy-label-container .energy-Aplus { background-color: #00b34c; } .product-energy-label-container .energy-Aplus::after { border-left: 10px solid #00b34c; }
.product-energy-label-container .energy-B { background-color: #5fae27; } .product-energy-label-container .energy-B::after { border-left: 10px solid #5fae27; }
.product-energy-label-container .energy-C { background-color: #c8d300; } .product-energy-label-container .energy-C::after { border-left: 10px solid #c8d300; }
.product-energy-label-container .energy-D { background-color: #ffef00; } .product-energy-label-container .energy-D::after { border-left: 10px solid #ffef00; }
.product-energy-label-container .energy-E { background-color: #f9bc00; } .product-energy-label-container .energy-E::after { border-left: 10px solid #f9bc00; }
.product-energy-label-container .energy-F { background-color: #ea7500; } .product-energy-label-container .energy-F::after { border-left: 10px solid #ea7500; }
.product-energy-label-container .energy-G { background-color: #df0009; } .product-energy-label-container .energy-G::after { border-left: 10px solid #df0009; } .product-item{padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#fff}
.product-item .product-title{font-size:13px;margin:15px 0 10px 0}
.product-item .tooltip-table .price-value{font-size:13px; text-align:right}
.product-item .product-image{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;max-height:var(--npf-img-max-h,120px)} .price-alert-wrap{position:relative;display:inline-block;vertical-align:top;min-width:18px;min-height:18px;margin-bottom:0;color:#d9480f;isolation:isolate;z-index:20}
.price-alert-icon{display:inline-block} .product-item{ overflow: visible } .product-item .price-alert-wrap{ position: relative; z-index: 20 }
.product-item .price-alert-wrap.is-tooltip-open{ z-index: 60 } .product-item .price-alert-wrap .price-tooltip{
position: absolute;
right: 0; left: auto; bottom: 100%; margin-bottom: 8px;
background-color: #111 !important; color: #fff !important;
box-shadow: 0 8px 24px rgba(0,0,0,.25);
opacity: 0; pointer-events: none;
transform: translateY(-6px);
transition: .12s ease;
mix-blend-mode: normal !important;
filter: none !important;
backdrop-filter: none !important;
z-index: 2147482000; }
.product-item .price-alert-wrap.is-tooltip-open .price-tooltip{
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto;
transform: translateY(0);
} .product-item .price-alert-wrap .price-tooltip.tooltip--top{
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 8px;
}
.product-item .price-alert-wrap .price-tooltip.tooltip--top::after{
top: auto;
bottom: -6px;
border:6px solid transparent;
border-top-color:#111827;
border-bottom-color:transparent;
}
.product-item .price-alert-wrap .price-tooltip.tooltip--bottom{
bottom: auto;
top: 100%;
margin-bottom: 0;
margin-top: 8px;
}
.product-item .price-alert-wrap .price-tooltip.tooltip--bottom::after{
bottom: auto;
top: -6px;
border:6px solid transparent;
border-bottom-color:#111827;
border-top-color:transparent;
} .price-tooltip{ background-color:#111 !important; } .product-item .npf-atc,
.product-item .npf-atc-form .npf-atc{
display:inline-flex;align-items:center;justify-content:center;
margin-top:auto;padding:10px 14px 8px;border-radius:999px;
background:#fed700;color:#000;font-weight:600;font-size:13px;
text-decoration:none;line-height:1;border:none;cursor:pointer;
transition:filter .15s ease, transform .02s ease;
}
.product-item .npf-atc:hover,
.product-item .npf-atc-form .npf-atc:hover{filter:brightness(0.95)}
.product-item .npf-atc:active,
.product-item .npf-atc-form .npf-atc:active{transform:translateY(1px)}
.product-item .npf-atc[aria-disabled="true"],
.product-item .npf-atc.disabled{opacity:.6;cursor:not-allowed;pointer-events:none} .price-tooltip .diff-negative {
color: #ff8787; font-weight: 600;
}
.price-tooltip .diff-positive {
color: #69db7c; font-weight: 600;
}
.npf-competitor-state-block{
display:flex;
flex-wrap:nowrap;
gap:4px;
justify-content:flex-end;
position:absolute;
top:100%;
right:0;
margin-top:10px;
margin-bottom:0;
z-index:2;
pointer-events:auto;
}
.npf-competitor-state{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:12px;
line-height:1;
background:none !important;
border:none !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 !important;
margin:0;
min-width:auto;
height:auto;
cursor:pointer
}
.npf-competitor-state-symbol{
font-weight:700;
font-size:12px;
}
.npf-competitor-state--ok{
color:#2ecc71;
}
.npf-competitor-state--stale{
color:#9ca3af;
}
.npf-competitor-state--missing{
color:#e74c3c;
}
.npf-competitor-state--unknown{
color:#f39c12;
} .npf-grid{
display:grid !important;
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
@media (min-width:900px){
.npf-grid{
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
}
@media (min-width:1500px){
.npf-grid{
grid-template-columns:repeat(6, minmax(0,1fr)) !important;
}
}
@media (min-width:1900px){
.npf-grid{
grid-template-columns:repeat(8, minmax(0,1fr)) !important;
}
}
@media (min-width:2400px){
.npf-grid{
grid-template-columns:repeat(10, minmax(0,1fr)) !important;
}
}
.npf-grid > .product-item{
width:auto !important;
flex:0 0 auto !important;
max-width:none !important;
min-width:0 !important;
} #npf-pjax-target .npf-skeleton,
.npf-skeleton{
display:grid !important;
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
gap:16px !important;
}
@media (min-width:900px){
#npf-pjax-target .npf-skeleton,
.npf-skeleton{
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
}
@media (min-width:1500px){
#npf-pjax-target .npf-skeleton,
.npf-skeleton{
grid-template-columns:repeat(6, minmax(0,1fr)) !important;
}
}
@media (min-width:1900px){
#npf-pjax-target .npf-skeleton,
.npf-skeleton{
grid-template-columns:repeat(8, minmax(0,1fr)) !important;
}
}
@media (min-width:2400px){
#npf-pjax-target .npf-skeleton,
.npf-skeleton{
grid-template-columns:repeat(10, minmax(0,1fr)) !important;
}
}
#npf-pjax-target .npf-skeleton > .npf-sk-card,
.npf-skeleton > .npf-sk-card,
#npf-pjax-target .npf-skeleton > .skeleton-box,
.npf-skeleton > .skeleton-box{
width:auto !important;
flex:0 0 auto !important;
max-width:none !important;
min-width:0 !important;
}