.ab-favs{min-height:calc(100dvh - var(--ab-nav-height));padding:56px 24px calc(56px + env(safe-area-inset-bottom));background:var(--ab-cream)}.ab-favs__inner{flex-direction:column;gap:32px;display:flex}.ab-favs__head{flex-direction:column;gap:8px;display:flex}.ab-favs__title{font-family:var(--ab-font-hand-thai);color:var(--ab-dark);margin:0;font-size:20px;font-weight:400}.ab-favs__subtitle{font-family:var(--ab-font-body);color:var(--ab-ink-step);margin:0;font-size:14px}.ab-favs__status{font-family:var(--ab-font-body);color:var(--ab-ink-step);font-size:14px}.ab-favs__empty{background:var(--ab-paper);border:2px solid #e1e3bb;border-radius:16px;flex-direction:column;align-items:flex-start;gap:20px;padding:40px;display:flex}.ab-favs__empty p{max-width:480px;font-family:var(--ab-font-body);color:var(--ab-ink-step);margin:0;font-size:15px;line-height:1.7}.ab-favs__grid{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.ab-favs__card{background:var(--ab-paper);border:1.5px solid var(--ab-border);min-height:125px;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-default);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:15px 0 15px 22px;text-decoration:none;display:flex;overflow:hidden}@media (hover:hover){.ab-favs__card:hover{transform:translateY(-3px)rotate(-.5deg);box-shadow:0 10px 24px #4c3e0d1f}}.ab-favs__card:focus-visible{outline-offset:2px;outline:2px solid #86804473}.ab-favs__card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.ab-favs__card-label{font-family:var(--ab-font-hand-thai);color:var(--ab-dark);font-size:16px;font-weight:400;line-height:1.3}.ab-favs__card-category{font-family:var(--ab-font-body);color:var(--ab-ink-step);font-size:14px;font-weight:400}.ab-favs__card-category strong{font-weight:700}.ab-favs__card-photo-frame{flex:none;width:126px;height:126px;position:relative}.ab-favs__card-photo{object-fit:cover;width:84px;height:95px;position:absolute;top:15px;left:20px}.ab-favs__card-photo-border{width:100%;height:100%;position:absolute;inset:0}@media (width<=479px){.ab-favs{padding:40px 16px calc(40px + env(safe-area-inset-bottom))}.ab-favs__empty{padding:28px}}