.pithg-wrap{width:100%;position:relative}
.pithg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pithg-equal-height .pithg-card{height:100%}
.pithg-card{position:relative;display:flex;flex-direction:column;text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.pithg-image-link,.pithg-product-link{color:inherit;text-decoration:none;display:block}
.pithg-image{position:relative;width:100%;height:320px;overflow:hidden;line-height:0;flex:0 0 auto}
.pithg-image:after{content:"";position:absolute;inset:0;opacity:1;pointer-events:none;transition:opacity .25s ease}
.pithg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .45s ease;backface-visibility:hidden}
.pithg-primary{opacity:1}
.pithg-secondary{opacity:0}
.pithg-wrap[data-hover-effect="fade"] .pithg-card:hover .pithg-primary,
.pithg-wrap[data-mobile-preview="yes"] .pithg-card.is-toggled .pithg-primary{opacity:0}
.pithg-wrap[data-hover-effect="fade"] .pithg-card:hover .pithg-secondary,
.pithg-wrap[data-mobile-preview="yes"] .pithg-card.is-toggled .pithg-secondary{opacity:1}
.pithg-wrap[data-hover-effect="zoom"] .pithg-card:hover .pithg-primary,
.pithg-wrap[data-mobile-preview="yes"] .pithg-card.is-toggled .pithg-primary{opacity:0;transform:scale(1.06)}
.pithg-wrap[data-hover-effect="zoom"] .pithg-card:hover .pithg-secondary,
.pithg-wrap[data-mobile-preview="yes"] .pithg-card.is-toggled .pithg-secondary{opacity:1;transform:scale(1.06)}
.pithg-wrap[data-hover-effect="none"] .pithg-secondary{display:none}
.pithg-title{margin:14px 0 0;line-height:1.35;font-size:18px;word-break:break-word}
.pithg-title a,.pithg-title span{color:inherit;text-decoration:none}
.pithg-empty{padding:12px 0}
.pithg-carousel{width:100%;overflow-x:auto;overflow-y:hidden;position:relative;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;user-select:none}
.pithg-track{display:flex;align-items:stretch;gap:20px;width:max-content;will-change:auto}
.pithg-carousel .pithg-card{width:260px;flex:0 0 auto}
.pithg-carousel::-webkit-scrollbar{display:none}
.pithg-carousel.is-dragging{cursor:grabbing}
.pithg-edge-fade .pithg-carousel:before,
.pithg-edge-fade .pithg-carousel:after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:2;pointer-events:none}
.pithg-edge-fade .pithg-carousel:before{left:0;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0))}
.pithg-edge-fade .pithg-carousel:after{right:0;background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0))}
@media (max-width:1024px){
  .pithg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pithg-image{height:260px}
  .pithg-carousel .pithg-card{width:220px}
}
@media (max-width:767px){
  .pithg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .pithg-image{height:180px}
  .pithg-title{margin-top:10px;font-size:15px;line-height:1.3}
  .pithg-carousel .pithg-card{width:170px}
  .pithg-edge-fade .pithg-carousel:before,
  .pithg-edge-fade .pithg-carousel:after{width:24px}
}
@media (hover:none){
  .pithg-wrap[data-mobile-preview="yes"] .pithg-card:active .pithg-primary{opacity:0}
  .pithg-wrap[data-mobile-preview="yes"] .pithg-card:active .pithg-secondary{opacity:1}
}