.sp2r-h1{margin:var(--sp-space-8)0 0;font-size:var(--sp-text-title);font-weight:var(--sp-font-weight-black);line-height:var(--sp-line-height-snug);letter-spacing:-.01em}.sp2r-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-space-5);margin:var(--sp-space-4)0 var(--sp-space-6);font-size:var(--sp-text-meta);color:var(--sp-color-text-secondary)}.sp2r-summary b{color:var(--sp-color-text-primary);font-weight:var(--sp-font-weight-bold)}.sp2r-filters{display:flex;gap:var(--sp-space-4);margin:var(--sp-space-6)0 0;padding-bottom:var(--sp-space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:var(--sp-gutter);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}.sp2r-filters::-webkit-scrollbar{display:none}.sp2r-filter{scroll-snap-align:start;display:inline-flex;align-items:center;flex:0 0 auto;min-height:max(44px,var(--sp-touch-target));padding:0 var(--sp-space-8);border:1px solid var(--sp-color-border-light);border-radius:var(--sp-radius-full);background:var(--sp-color-surface-base);font-family:inherit;font-size:var(--sp-text-meta);font-weight:var(--sp-font-weight-semibold);color:var(--sp-color-text-primary);white-space:nowrap;cursor:pointer}.sp2r-filter:hover{border-color:var(--sp-color-border-medium)}.sp2r-filter[aria-pressed=true]{background:var(--sp-color-text-primary);border-color:var(--sp-color-text-primary);color:var(--sp-color-surface-base)}.sp2r-card .sp2-iconbtn[data-sp2r-alerta][aria-pressed=true]{border-color:transparent;background:var(--sp-color-primary-pale);color:var(--sp-color-primary-dark)}.sp2r-card .sp2-iconbtn[data-sp2r-alerta][aria-busy=true]{opacity:.6;pointer-events:none}.sp2r-share{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-space-3);flex:0 0 auto;min-height:max(44px,var(--sp-touch-target));padding:0 var(--sp-space-5);border:1px solid var(--sp-color-border-light);border-radius:var(--sp-radius-full);background:var(--sp-color-surface-base);font-size:var(--sp-text-meta);font-weight:var(--sp-font-weight-bold);color:var(--sp-color-text-primary);text-decoration:none;transition:background-color var(--sp-motion-duration) var(--sp-motion-easing),border-color var(--sp-motion-duration) var(--sp-motion-easing),transform var(--sp-motion-duration) var(--sp-motion-easing)}.sp2r-share:hover{border-color:var(--sp-color-border-medium);background:var(--sp-color-surface-1)}.sp2r-share:active{transform:scale(.96)}.sp2r-summary>[data-sp2r-summary]{flex:1 1 auto;min-width:0}@media (prefers-reduced-motion:reduce){.sp2r-share{transition:none}.sp2r-share:active{transform:none}}.sp2r-sort{display:inline-flex;align-items:center;gap:var(--sp-space-3);flex:0 0 auto}.sp2r-sort select{min-height:max(44px,var(--sp-touch-target));padding:0 var(--sp-space-6);border:1px solid var(--sp-color-border-light);border-radius:var(--sp-radius-full);background:var(--sp-color-surface-base);font-family:inherit;font-size:var(--sp-text-meta);font-weight:var(--sp-font-weight-bold);color:var(--sp-color-text-primary);cursor:pointer}.sp2r-list{display:flex;flex-direction:column;gap:var(--sp-space-6)}.sp2r-item{display:contents}.sp2r-item[hidden]{display:none!important}.sp2r-form{display:none}.sp2r-empty-filter{margin:var(--sp-space-9)0;padding:var(--sp-space-9);border:1px solid var(--sp-color-border-light);border-radius:var(--sp-radius-card);background:var(--sp-color-surface-base);font-size:var(--sp-text-body-lg);color:var(--sp-color-text-secondary);text-align:center}.sp2r-disclaimer{display:flex;gap:var(--sp-space-5);margin:var(--sp-space-9)0 0;font-size:var(--sp-text-caption);line-height:var(--sp-line-height-normal);color:var(--sp-color-text-tertiary)}.sp2r-error{margin:var(--sp-space-4)0 0;font-size:var(--sp-text-caption);font-weight:var(--sp-font-weight-bold);color:var(--sp-color-danger-dark)}.sp2r-none{margin:var(--sp-space-3xl) auto;max-width:34rem;padding:var(--sp-space-11) var(--sp-space-9);border:1px solid var(--sp-color-border-light);border-radius:var(--sp-radius-card);background:var(--sp-color-surface-base);text-align:center}.sp2r-none h1{margin:0 0 var(--sp-space-6);font-size:var(--sp-text-heading);font-weight:var(--sp-font-weight-black);line-height:var(--sp-line-height-snug)}.sp2r-none p{margin:0 0 var(--sp-space-10);font-size:var(--sp-text-body-lg);line-height:var(--sp-line-height-normal);color:var(--sp-color-text-secondary)}.sp2r-none>.sp2-btn{display:inline-flex;min-width:min(100%,16rem);box-sizing:border-box}.sp2r-none>.sp2-btn+.sp2-btn{margin-top:var(--sp-space-4)}@media (min-width:1024px){.sp2r-h1{margin-top:var(--sp-space-11);font-size:var(--sp-text-heading)}.sp2r-list{gap:var(--sp-space-8)}.sp2r-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"head   best""trend  others""add    add";align-content:start;column-gap:var(--sp-space-11);row-gap:var(--sp-space-6);padding:var(--sp-space-9) var(--sp-space-10)}.sp2r-card>.sp2-card__head{grid-area:head}.sp2r-card>.sp2-trend{grid-area:trend;margin:0;align-self:start}.sp2r-card>.sp2-best{grid-area:best}.sp2r-card>.sp2-card__others{grid-area:others;align-self:start}.sp2r-card>.sp2-btn,.sp2r-card>.sp2-qty{grid-area:add;justify-self:start;min-width:18rem;width:auto}.sp2r-card .sp2-card__thumb{width:72px;height:72px}.sp2r-filters{flex-wrap:wrap;overflow:visible}}@media (prefers-reduced-motion:reduce){.sp2r-filter,.sp2r-sort select{transition:none}}@media (max-width:600px),(pointer:coarse){.sp2r-sort select{font-size:max(1rem,var(--sp-text-meta))}.sp2r-summary{flex-wrap:wrap}}.sp2r-filter,.sp2r-sort select{transition:background-color var(--sp-motion-duration) var(--sp-motion-easing),border-color var(--sp-motion-duration) var(--sp-motion-easing),transform var(--sp-motion-duration) var(--sp-motion-easing)}.sp2r-filter:active,.sp2r-sort select:active{transform:scale(.96)}.sp2r-filter[aria-pressed=true]:hover{background:var(--sp-color-text-primary)}.sp2r-card{transition:border-color var(--sp-motion-duration) var(--sp-motion-easing),box-shadow var(--sp-motion-duration) var(--sp-motion-easing)}.sp2r-card:hover{border-color:var(--sp-color-border-medium);box-shadow:var(--sp-shadow-md)}@media (prefers-reduced-motion:reduce){.sp2r-filter,.sp2r-sort select,.sp2r-card{transition:none}.sp2r-filter:active,.sp2r-sort select:active{transform:none}}