/* Magpie Café · KOOKA Digital — Featured products slider */
.mg-featured,.mg-featured *{box-sizing:border-box}
.mg-featured{width:100%;background:radial-gradient(ellipse at 96% 8%,rgba(200,32,39,.19),transparent 48%),linear-gradient(120deg,#151416,#261318 65%,#121315);color:#fff;padding:64px 0 54px;overflow:hidden}
.mg-featured__shell{width:min(1320px,calc(100% - 64px));margin:0 auto}
.mg-featured__top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.mg-featured__eyebrow{font:700 15px/1.3 'Barlow Condensed',Arial,sans-serif;letter-spacing:2px;color:#ef5961}
.mg-featured__heading{margin:10px 0 8px;color:#fff;font:400 clamp(54px,6.3vw,91px)/.95 'Bebas Neue',Impact,sans-serif;letter-spacing:.5px}
.mg-featured__heading span{color:#f0444b}
.mg-featured__intro{margin:0;color:#c7bdc0;font:400 14px/1.7 'DM Sans',Arial,sans-serif}
.mg-featured__controls{display:flex;gap:10px;flex-shrink:0}
.mg-featured__arrow{width:46px;height:46px;padding:0;border:1px solid #875055;background:transparent;color:#fff;cursor:pointer;border-radius:0;font-size:32px;line-height:1;display:grid;place-items:center}
.mg-featured__arrow:hover:not(:disabled){background:#c82027;border-color:#c82027}
.mg-featured__arrow:disabled{opacity:.3;cursor:default}
.mg-featured__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.mg-featured__viewport::-webkit-scrollbar{display:none}
.mg-featured__track{display:flex;gap:15px}
.mg-featured__card{min-width:0;flex:0 0 calc((100% - 45px)/4);background:#fff;color:#161616;scroll-snap-align:start;overflow:hidden}
.mg-featured__card-link{color:inherit;text-decoration:none;display:block;height:100%}
.mg-featured__photo{height:220px;overflow:hidden;background:#252525}
.mg-featured__photo img{width:100%;height:100%;object-fit:cover;object-position:70% center;display:block;transition:transform .4s ease}
.mg-featured__card:hover .mg-featured__photo img{transform:scale(1.05)}
.mg-featured__card-body{padding:19px 20px 23px}
.mg-featured__tag{font:700 12px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:1.6px;color:#c82027}
.mg-featured__card h3{margin:7px 0 7px;color:#191919;font:600 27px/1.1 'Barlow Condensed',Arial,sans-serif}
.mg-featured__details{color:#666;font:400 13px/1.5 'DM Sans',Arial,sans-serif}
.mg-featured__details .amount{color:#262626;font-weight:700}
.mg-featured__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.mg-featured__bottom>span{color:#a9a0a3;letter-spacing:1.2px;font:600 11px/1.5 'Barlow Condensed',Arial,sans-serif}
.mg-featured__bottom a{display:inline-block;color:#fff;background:#c82027;padding:13px 23px;text-decoration:none;font:700 17px/1.1 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px}
.mg-featured__bottom a:hover{background:#a21922;color:#fff}
.mg-featured a:focus-visible,.mg-featured button:focus-visible,.mg-featured__viewport:focus-visible{outline:2px solid #f0444b;outline-offset:3px}
@media(max-width:1024px){.mg-featured__card{flex-basis:calc((100% - 30px)/3)}}
@media(max-width:767px){.mg-featured{padding:45px 0}.mg-featured__shell{width:calc(100% - 40px)}.mg-featured__card{flex-basis:calc((100% - 15px)/2)}.mg-featured__photo{height:180px}.mg-featured__card-body{padding:14px}.mg-featured__card h3{font-size:23px}.mg-featured__top{align-items:center}.mg-featured__arrow{width:38px;height:38px}.mg-featured__bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.mg-featured__card{flex-basis:80%}.mg-featured__photo{height:230px}}
@media(prefers-reduced-motion:reduce){.mg-featured__viewport{scroll-behavior:auto}.mg-featured__photo img{transition:none}}
