.wmapt-widget{width:100%}

/* Tabs row */
.wmapt-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:28px}
.wmapt-tab{display:inline-flex;align-items:center;gap:8px;appearance:none;background:transparent;border:0;padding:8px 0;cursor:pointer;font:inherit;line-height:1.3;transition:all .2s ease}
.wmapt-tab-icon{display:inline-flex;line-height:0}
.wmapt-tab-icon svg{width:1em;height:1em}

/* Underline style (default) */
.wmapt-tabs--underline .wmapt-tab{border-bottom:2px solid transparent;border-radius:0}
.wmapt-tabs--underline .wmapt-tab.is-active{font-weight:600}

/* Pill style */
.wmapt-tabs--pill .wmapt-tab{padding:8px 18px;border-radius:999px;background:rgba(0,0,0,.04)}
.wmapt-tabs--pill .wmapt-tab.is-active{font-weight:600}

/* Boxed style */
.wmapt-tabs--boxed .wmapt-tab{padding:8px 18px;border:1px solid rgba(0,0,0,.12);border-radius:4px}
.wmapt-tabs--boxed .wmapt-tab.is-active{font-weight:600}

/* Plain style */
.wmapt-tabs--plain .wmapt-tab{border:0;padding:8px 0}
.wmapt-tabs--plain .wmapt-tab.is-active{font-weight:600;text-decoration:underline}

/* Product grid */
.wmapt-products-wrap{position:relative;min-height:80px}
.wmapt-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.wmapt-products .product{min-width:0}
.wmapt-products.is-loading{opacity:.35;transition:opacity .2s}

/* Loader */
.wmapt-loader{display:none;position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:10px}
.wmapt-loader.is-loading{display:flex}
.wmapt-loader-dots{display:flex;gap:5px}
.wmapt-loader-dots span{width:7px;height:7px;border-radius:50%;background:currentColor;animation:wmapt-pulse 1s infinite ease-in-out}
.wmapt-loader-dots span:nth-child(2){animation-delay:.15s}
.wmapt-loader-dots span:nth-child(3){animation-delay:.3s}
.wmapt-loader-text{font-size:.9em;white-space:nowrap}
@keyframes wmapt-pulse{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}

/* See more button */
.wmapt-more-wrap{display:flex;justify-content:center;margin-top:28px}
.wmapt-see-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:12px 24px;cursor:pointer;transition:all .2s ease}
.wmapt-see-more.is-disabled{opacity:.5;pointer-events:none}
.wmapt-btn-icon svg{width:1em;height:1em;display:block}

/* Empty state */
.wmapt-empty{grid-column:1/-1;text-align:center;padding:30px 10px}

@media (max-width:1024px){
  .wmapt-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}
@media (max-width:767px){
  .wmapt-tabs{gap:16px;margin-bottom:20px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start!important}
  .wmapt-tab{white-space:nowrap}
  .wmapt-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .wmapt-more-wrap{margin-top:22px}
}