.provider-catalog{--pc-gap:8px}.provider-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px);gap:9px;margin:0 0 16px;padding:10px;border:1px solid var(--bg_border);border-radius:15px;background:var(--bg_main);box-shadow:0 7px 20px rgba(0,0,0,.045)}.provider-catalog-search{display:flex;min-width:0;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--bg_border);border-radius:11px;background:var(--bg_sub);color:var(--font_sub)}.provider-catalog-search:focus-within{border-color:var(--main);box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 10%,transparent)}.provider-catalog-search i{color:var(--main)}.provider-catalog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--font_main);font-size:12px}.provider-catalog-toolbar select{height:42px;padding:0 34px 0 12px;border:1px solid var(--bg_border);border-radius:11px;background-color:var(--bg_sub);color:var(--font_main);font-size:11px;outline:0}.provider-catalog-grid{--bs-gutter-x:var(--pc-gap);--bs-gutter-y:var(--pc-gap)}.provider-catalog-item{display:flex}.provider-catalog-card{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.provider-catalog-shell{position:relative;width:100%;height:100%;overflow:hidden;padding:4px;border:1px solid var(--bg_border);border-radius:14px;background:var(--bg_main);transition:transform .28s cubic-bezier(.2,.75,.3,1),border-color .2s ease,box-shadow .28s ease}.provider-catalog-inner{position:relative;width:100%;height:100%;overflow:hidden}.provider-catalog-card:hover{color:inherit}.provider-catalog-card:hover .provider-catalog-shell{transform:translateY(-3px);border-color:color-mix(in srgb,var(--main) 55%,var(--bg_border));box-shadow:0 10px 24px color-mix(in srgb,var(--main) 13%,transparent)}.provider-catalog .img-anim{position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:10px;background:var(--bg_sub)}.provider-catalog-image{display:block;width:100%;height:100%;object-fit:cover;background:var(--bg_sub);transform:scale(1.001);transition:transform .42s cubic-bezier(.2,.72,.22,1),filter .3s ease}.provider-catalog-card:hover .provider-catalog-image{transform:scale(1.085);filter:saturate(1.06)}.provider-catalog-image.is-contain{object-fit:contain;padding:7px}.provider-catalog-name{display:block;padding:8px 4px 6px;overflow:hidden;color:var(--font_main);font-size:10px;font-weight:600;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}.provider-catalog-description{display:-webkit-box;margin:-3px 4px 6px;overflow:hidden;color:var(--font_sub);font-size:8px;line-height:1.4;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.provider-catalog .card_tags{position:absolute;z-index:4;inset:0;overflow:hidden;border-radius:10px;pointer-events:none}.provider-catalog .card_tags .discount{position:absolute;top:5px;right:5px;min-height:0;padding:.375rem .75rem;border:0;color:#fff!important;font-size:.75rem;font-weight:700;line-height:1.5;white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--main) 35%,transparent);pointer-events:none}.provider-catalog-empty{display:none;padding:42px 16px;border:1px dashed var(--bg_border);border-radius:15px;color:var(--font_sub);text-align:center}.provider-catalog.is-empty .provider-catalog-empty{display:block}.provider-catalog-summary{margin:-6px 2px 10px;color:var(--font_sub);font-size:9px}.provider-catalog-summary b{color:var(--main)}
.provider-catalog-real{transition:opacity .28s ease}.provider-catalog-skeleton[hidden]{display:none!important}.provider-skeleton-card{position:relative;width:100%;overflow:hidden;padding:4px;border:1px solid var(--bg_border);border-radius:14px;background:var(--bg_main)}.provider-skeleton-card::after{position:absolute;z-index:2;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,#fff 48%,transparent) 48%,transparent 76%);content:"";animation:providerSkeletonShimmer 1.15s ease-in-out infinite}.provider-skeleton-image{display:block;width:100%;aspect-ratio:1/1;border-radius:10px;background:color-mix(in srgb,var(--bg_sub) 82%,var(--bg_border))}.provider-skeleton-text{display:block;width:68%;height:9px;margin:10px auto 8px;border-radius:99px;background:color-mix(in srgb,var(--bg_sub) 72%,var(--bg_border))}@keyframes providerSkeletonShimmer{to{transform:translateX(110%)}}
@media(max-width:575.98px){.provider-catalog-toolbar{grid-template-columns:1fr;padding:8px}.provider-catalog-toolbar select,.provider-catalog-search{height:39px}.provider-catalog-name{font-size:9px}.provider-catalog-shell,.provider-skeleton-card{border-radius:12px}.provider-catalog .card_tags .discount{font-size:.55rem;padding:.25rem .5rem;line-height:1.35}}
@media(min-width:576px) and (max-width:768px){.provider-catalog .card_tags .discount{font-size:.62rem;padding:.28rem .55rem;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.provider-catalog-shell,.provider-catalog-image,.provider-catalog-real{transition:none}.provider-catalog-card:hover .provider-catalog-shell,.provider-catalog-card:hover .provider-catalog-image{transform:none}.provider-skeleton-card::after{animation:none}}
.provider-catalog--wondd .img-anim{display:flex;align-items:center;justify-content:center;aspect-ratio:auto}.provider-catalog--wondd .wondd-category-image{display:block;width:100%;max-width:none;height:auto;padding:0;object-fit:contain;object-position:center;border-radius:10px;background:var(--bg_sub)}
.provider-catalog--wondd .provider-catalog-toolbar,.wepay-provider-catalog .provider-catalog-toolbar,.p24-provider-catalog .provider-catalog-toolbar{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
:is(.wepay-provider-catalog,.p24-provider-catalog) .provider-catalog-shell{padding:0;border-width:1px;border-radius:16px;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}
:is(.wepay-provider-catalog,.p24-provider-catalog) .img-anim,:is(.wepay-provider-catalog,.p24-provider-catalog) .provider-catalog-image{border-radius:16px}
:is(.wepay-provider-catalog,.p24-provider-catalog) .provider-catalog-image{transition:transform .3s ease}
:is(.wepay-provider-catalog,.p24-provider-catalog) .provider-catalog-card:hover .provider-catalog-shell{transform:none;border:1px solid var(--main);border-radius:16px;background-color:var(--main);box-shadow:0 5px 20px 1px color-mix(in srgb,var(--main) 58%,transparent)}
:is(.wepay-provider-catalog,.p24-provider-catalog) .provider-catalog-card:hover .provider-catalog-image{transform:scale(1.1)}