.featured-section{background:var(--theme-surface);position:relative}
.featured-section .section-head{align-items:center;margin-bottom:28px}
.featured-title-dot{color:var(--theme-accent)}
.featured-intro{font-size:13px;color:var(--theme-muted);margin:16px 0 0;line-height:1.8}
.featured-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;border-bottom:1px solid var(--theme-border);padding-bottom:18px}
.featured-filters{display:flex;gap:8px;flex-wrap:wrap}
.featured-filters button{border:1px solid var(--theme-border);border-radius:30px;padding:9px 18px;background:transparent;color:var(--theme-heading);font-size:11px;transition:background .2s,color .2s,border-color .2s}
.featured-filters button.active{background:var(--theme-heading);color:var(--theme-surface);border-color:var(--theme-heading)}
.featured-filters button:hover:not(.active){border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 5%,transparent)}
.featured-count{color:var(--theme-muted);font-size:10px;white-space:nowrap}
.featured-slide{display:flex;width:100%;padding-top:10px}
.featured-section .product-card{border-radius:15px;transition:border-color .25s,box-shadow .25s;overflow:hidden}
.featured-section .product-card:hover{transform:none;border-color:color-mix(in srgb,var(--theme-accent) 45%,var(--theme-border));box-shadow:0 14px 30px #012a570c}
.featured-section .product-image{overflow:hidden;border-radius:8px;position:relative}
.featured-section .product-image img{transition:none;transform-origin:center}
.featured-section .product-image:after{content:'↗';position:absolute;right:14px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--theme-surface);color:var(--theme-heading);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.featured-section .product-card:hover .product-image:after,.featured-section .product-card:focus-within .product-image:after{opacity:1;transform:none}
.featured-footer{border-top:1px solid var(--theme-border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.featured-hint{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--theme-muted)}
.featured-hint i{color:var(--theme-accent);font-size:16px}
.featured-navigation{display:flex;align-items:center;gap:9px}
.featured-position{font-size:11px;color:var(--theme-muted);letter-spacing:.12em;margin-right:15px;font-variant-numeric:tabular-nums}
.featured-navigation button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--theme-border);background:transparent;color:var(--theme-heading);transition:background .2s,color .2s}
.featured-navigation button:hover:enabled{background:var(--theme-heading);color:var(--theme-surface)}
.featured-navigation button:disabled{opacity:.3;cursor:default}
.featured-section button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:4px}
@media(max-width:767px){.featured-section .section-head{align-items:flex-start;gap:20px}.featured-section .section-head h2{font-size:29px}.featured-intro{font-size:11px;max-width:240px}.featured-section .section-head>.text-link{font-size:10px;white-space:nowrap}.featured-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.featured-filters button{padding:8px 13px;font-size:10px}.featured-hint{font-size:9px;max-width:145px}.featured-position{margin-right:3px;font-size:10px}.featured-navigation button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.featured-section *{transition:none!important}}