.am{--am-background:#fcf5f5;--am-surface:#fff;--am-ink:#431b3b;--am-heading:#431b3b;--am-accent:#d28b9d;--am-button-ink:#fff;--am-hover:#bb6d86;--am-badge:#ffe5eb;--am-badge-ink:#ae687d;--am-gap:16px;--am-radius:20px;--am-image-radius:16px;--am-button-radius:30px;--am-card-padding:12px;--am-ratio:7/5;--am-cols:4;width:100%;min-width:0;position:relative;padding:28px 20px;background-color:var(--am-background);background-image:var(--am-bg-desktop,linear-gradient(125deg,#fff8f655,transparent));background-size:cover;background-position:center;font-family:inherit;color:var(--am-ink)}.am,.am *{box-sizing:border-box}.am .am-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.am .am-heading{display:flex;align-items:center;gap:14px;margin:0;padding:0;color:var(--am-heading);font:700 28px/1.5 inherit;font-family:inherit;font-size:28px;line-height:1.5}.am-heading:before{content:'';width:32px;height:2px;background:var(--am-accent);flex:none}.am .am-all{display:flex;gap:10px;align-items:center;color:var(--am-accent);text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap}.am-all span{font-size:26px}
.am .am-track{display:flex;align-items:stretch;gap:var(--am-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-x:contain;scrollbar-width:none;margin:0!important;padding:4px 4px 16px!important;list-style:none}.am-track::-webkit-scrollbar{display:none}.am .am-page{flex:0 0 100%;min-width:0;list-style:none;margin:0;padding:0;scroll-snap-align:start}.am .am-grid{display:grid;grid-template-columns:repeat(var(--am-cols),minmax(0,1fr));grid-template-rows:repeat(var(--am-rows,1),1fr);grid-auto-rows:1fr;gap:var(--am-gap);height:100%;margin:0!important;padding:0!important;list-style:none}.am .am-item{min-width:0;list-style:none;margin:0;padding:0;scroll-snap-align:start}.am .am-track>.am-item{flex:0 0 calc((100% - 3 * var(--am-gap))/4)}
.am .am-card{height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--am-card-padding);padding-bottom:20px;border-radius:var(--am-radius);background:var(--am-surface);box-shadow:0 9px 24px -16px #b7768940}.am .am-photo{display:block;position:relative;width:100%;aspect-ratio:var(--am-ratio);border-radius:var(--am-image-radius);overflow:hidden;flex:none;background:#f6e9eb}.am .am-photo img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0;border-radius:0;transition:transform 1s cubic-bezier(.22,1,.36,1)}.am-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:50px;color:var(--am-accent)}.am .am-category{position:relative;margin-top:-12px;z-index:1;border-radius:30px;padding:5px 22px;max-width:95%;overflow-wrap:anywhere;background:var(--am-badge);color:var(--am-badge-ink);font-size:13px;font-weight:600;line-height:1.6;text-align:center;text-decoration:none}.am .am-title{width:100%;text-align:center;font-family:inherit;font-size:18px;line-height:1.65;font-weight:650;padding:0;margin:16px 0 20px;overflow-wrap:anywhere}.am .am-title a{color:var(--am-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.am .am-button{display:flex;align-items:center;justify-content:center;gap:16px;width:78%;max-width:100%;min-height:40px;flex:none;margin-top:auto;padding:8px 12px;border-radius:var(--am-button-radius);background:var(--am-accent);color:var(--am-button-ink);text-decoration:none;line-height:1.6;font-size:14px;transition:background .4s ease}.am-button span:last-child{font-size:24px;line-height:1;transition:transform .5s ease}.am .am-dots{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.am [hidden]{display:none!important}.am .am-dots button{cursor:pointer;display:grid;place-items:center;border:0;box-shadow:none;background:none;padding:10px 5px;min-height:30px}.am .am-dots button span{width:7px;height:7px;background:var(--am-badge);border-radius:15px;transition:width .4s,background .4s}.am .am-dots button[aria-current=true] span{width:24px;background:var(--am-accent)}.am a:focus-visible,.am button:focus-visible,.am-track:focus-visible{outline:2px solid var(--am-accent);outline-offset:3px}.am-empty{text-align:center;padding:24px}
@media(hover:hover){.am .am-card:hover .am-photo img{transform:scale(1.035)}.am .am-button:hover{background:var(--am-hover)}.am .am-button:hover span:last-child{transform:translateX(-3px)}}
@media(min-width:768px) and (max-width:1024px){.am{--am-cols:2}}
@media(max-width:767px){.am{padding:22px 12px;background-image:var(--am-bg-mobile,var(--am-bg-desktop,none))}.am .am-heading{font-size:22px;gap:8px}.am-heading:before{width:20px}.am .am-all{font-size:12px}.am .am-header{margin-bottom:18px}.am .am-track>.am-item{flex:0 0 var(--am-mobile-width,88%)}.am .am-title{font-size:18px}.am .am-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.am *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.am .am-track{cursor:grab}.am .am-track:active{cursor:grabbing}
.am .am-dots button:hover,.am .am-dots button:active{background:none;box-shadow:none;transform:none}
