.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-select{position:relative;min-width:0}.provider-catalog-select>select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.provider-catalog-select-trigger{display:flex;width:100%;height:42px;align-items:center;justify-content:space-between;gap:9px;padding:0 12px;border:1px solid var(--bg_border);border-radius:11px;background:var(--bg_sub);color:var(--font_main);font-size:11px;text-align:left;cursor:pointer;transition:.16s ease}.provider-catalog-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-catalog-select-trigger i{color:var(--main);font-size:10px;transition:transform .16s ease}.provider-catalog-select.is-open .provider-catalog-select-trigger,.provider-catalog-select-trigger:is(:hover,:focus-visible){border-color:var(--main);background:color-mix(in srgb,var(--main) 6%,var(--bg_sub));box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 10%,transparent);outline:0}.provider-catalog-select.is-open .provider-catalog-select-trigger i{transform:rotate(180deg)}.provider-catalog-select-menu{position:absolute;z-index:1250;top:calc(100% + 7px);right:0;left:0;display:grid;gap:3px;padding:7px;border:1px solid color-mix(in srgb,var(--main) 25%,var(--bg_border));border-radius:13px;background:color-mix(in srgb,var(--bg_main) 97%,transparent);box-shadow:0 16px 38px rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translateY(-5px) scale(.985);transform-origin:top;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;backdrop-filter:blur(15px)}.provider-catalog-select.is-open .provider-catalog-select-menu{opacity:1;visibility:visible;transform:none}.provider-catalog-select-option{display:flex;min-height:35px;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--font_sub);font-size:10px;text-align:left;cursor:pointer}.provider-catalog-select-option:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--main) 20%,transparent);background:color-mix(in srgb,var(--main) 9%,var(--bg_sub));color:var(--font_main);outline:0}.provider-catalog-select-option.is-selected{border-color:color-mix(in srgb,var(--main) 35%,transparent);background:color-mix(in srgb,var(--main) 14%,var(--bg_sub));color:var(--font_main)}.provider-catalog-select-option i{display:none;color:var(--main)}.provider-catalog-select-option.is-selected i{display:block}.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}}
.provider-catalog--wondd .provider-catalog-select-trigger,.wepay-provider-catalog .provider-catalog-select-trigger{height:54px;padding-inline:16px;border-radius:16px;font-size:14px}.provider-catalog--wondd .provider-catalog-select-trigger i,.wepay-provider-catalog .provider-catalog-select-trigger i{font-size:14px}
@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}
.provider-catalog--wondd .provider-catalog-search,.wepay-provider-catalog .provider-catalog-search{height:54px;padding-inline:18px;border-radius:16px;gap:12px}
.provider-catalog--wondd .provider-catalog-search input,.wepay-provider-catalog .provider-catalog-search input{height:52px;font-size:16px}
: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)}
.provider-catalog--wondd .provider-catalog-select-trigger,.wepay-provider-catalog .provider-catalog-select-trigger{height:54px;padding-inline:16px;border-radius:16px;font-size:14px}.provider-catalog--wondd .provider-catalog-select-trigger i,.wepay-provider-catalog .provider-catalog-select-trigger i{font-size:14px}