.dfaps{box-sizing:border-box;background:var(--dfaps-page-bg);color:var(--dfaps-primary);padding:clamp(16px,3vw,32px);border-radius:calc(var(--dfaps-radius) + 4px);font-family:inherit;position:relative}.dfaps *{box-sizing:border-box}.dfaps__filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(150px,1fr)) auto;gap:12px;margin-bottom:22px;align-items:center}.dfaps__field input,.dfaps__field select{width:100%;min-height:46px;border:1px solid #dbe2ea;border-radius:10px;background:#fff;color:#111827;padding:0 14px;font:inherit;box-shadow:none}.dfaps__field input:focus,.dfaps__field select:focus{outline:2px solid color-mix(in srgb,var(--dfaps-accent) 28%,transparent);border-color:var(--dfaps-accent)}.dfaps__reset{border:0;background:transparent;color:var(--dfaps-accent);font-weight:700;cursor:pointer;white-space:nowrap}.dfaps__count{font-size:14px;color:#64748b;margin:0 0 14px}.dfaps__grid{display:grid;grid-template-columns:repeat(var(--dfaps-cols),minmax(0,1fr));gap:clamp(14px,2vw,24px)}.dfaps-card{min-width:0;background:var(--dfaps-card-bg);border:1px solid rgba(15,23,42,.08);border-radius:var(--dfaps-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(15,23,42,.06);transition:transform .22s ease,box-shadow .22s ease}.dfaps-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.12)}.dfaps-card__media{display:block;position:relative;aspect-ratio:var(--dfaps-ratio);overflow:hidden;background:#f1f5f9}.dfaps-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.dfaps-card:hover .dfaps-card__media img{transform:scale(1.035)}.dfaps-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:7px;flex-wrap:wrap}.dfaps-badge{background:#111827;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em}.dfaps-badge--sale{background:#dc2626}.dfaps-card__body{padding:17px;display:flex;flex-direction:column;flex:1}.dfaps-card__category{font-size:12px;color:#64748b;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dfaps-card__category a{color:inherit;text-decoration:none}.dfaps-card__title{font-size:clamp(16px,1.4vw,19px);line-height:1.35;margin:0 0 9px;font-weight:750}.dfaps-card__title a{color:var(--dfaps-primary);text-decoration:none}.dfaps-card__rating{display:flex;align-items:center;gap:7px;font-size:12px;color:#64748b;margin-bottom:8px}.dfaps-card__rating .star-rating{float:none;margin:0;color:#f59e0b}.dfaps-card__excerpt{color:#64748b;font-size:13px;line-height:1.55;margin-bottom:11px}.dfaps-card__price{font-size:18px;font-weight:800;margin-top:auto;margin-bottom:6px;color:var(--dfaps-primary)}.dfaps-card__price del{opacity:.48;font-weight:500;font-size:.85em}.dfaps-card__price ins{text-decoration:none}.dfaps-card__stock{font-size:12px;font-weight:700;margin-bottom:13px}.dfaps-card__stock.is-in-stock{color:#15803d}.dfaps-card__stock.is-out-of-stock{color:#b91c1c}.dfaps__button,.dfaps__load-more,.dfaps__page{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--dfaps-accent);color:#fff!important;text-decoration:none!important;font-weight:750;line-height:1.2;cursor:pointer;transition:filter .2s ease,transform .2s ease}.dfaps__button{min-height:44px;padding:10px 15px;width:100%}.dfaps__button:hover,.dfaps__load-more:hover,.dfaps__page:hover{filter:brightness(.9);transform:translateY(-1px)}.dfaps__nav{display:flex;justify-content:center;margin-top:26px}.dfaps__load-more{padding:13px 24px}.dfaps__pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:26px}.dfaps__page{width:42px;height:42px;background:#fff;color:var(--dfaps-primary)!important;border:1px solid #dbe2ea}.dfaps__page.is-current{background:var(--dfaps-accent);color:#fff!important;border-color:var(--dfaps-accent)}.dfaps__empty{padding:48px 20px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:var(--dfaps-radius);display:grid;gap:7px}.dfaps__empty span{color:#64748b}.dfaps__status{min-height:0;color:#64748b;font-size:13px}.dfaps.is-loading .dfaps__results{opacity:.48;pointer-events:none}.dfaps.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px;border:3px solid rgba(37,99,235,.2);border-top-color:var(--dfaps-accent);border-radius:50%;animation:dfaps-spin .7s linear infinite;z-index:4}@keyframes dfaps-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.dfaps__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.dfaps__grid{grid-template-columns:repeat(var(--dfaps-cols-tablet),minmax(0,1fr))}}
@media(max-width:640px){.dfaps{padding:14px;border-radius:var(--dfaps-radius)}.dfaps__filters{grid-template-columns:1fr}.dfaps__grid{grid-template-columns:repeat(var(--dfaps-cols-mobile),minmax(0,1fr));gap:12px}.dfaps-card__body{padding:14px}.dfaps__reset{justify-self:start}.dfaps-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.dfaps-card,.dfaps-card__media img,.dfaps__button,.dfaps__load-more,.dfaps__page{transition:none}.dfaps-card:hover,.dfaps__button:hover,.dfaps__load-more:hover,.dfaps__page:hover{transform:none}.dfaps.is-loading:after{animation-duration:1.5s}}