.card.svelte-1oopymx{position:relative;overflow:hidden;width:100%;height:540px;display:flex;flex-direction:column;animation:slideUp .6s ease-out forwards;transition:all var(--transition-normal);transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.link.svelte-1oopymx{text-decoration:none;color:inherit;display:block;width:100%;flex:1}.image-container.svelte-1oopymx{position:relative;overflow:hidden;width:100%;height:300px;height:100%;display:flex;justify-content:center;align-items:flex-end}.image.svelte-1oopymx{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;transition:all var(--transition-slow);max-width:220px;padding:1.2rem}.overlay.svelte-1oopymx{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#382e24cc,#382e24e6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--white)}.card.svelte-1oopymx:hover .overlay:where(.svelte-1oopymx){opacity:1}.card.svelte-1oopymx:hover .image:where(.svelte-1oopymx){transform:scale(1.1)}.quick-view-text.svelte-1oopymx{color:var(--white);font-weight:500;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.content.svelte-1oopymx{padding:1rem}.rating.svelte-1oopymx{display:flex;align-items:center;gap:.25rem;margin-bottom:.75rem}.rating-count.svelte-1oopymx{font-size:.75rem;color:var(--text-secondary);margin-left:.25rem}.title.svelte-1oopymx{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.3}.author.svelte-1oopymx{color:var(--text-secondary);font-size:.875rem;font-style:italic}.author.svelte-1oopymx a:where(.svelte-1oopymx){text-decoration:none;color:inherit;transition:color var(--transition-normal)}.author.svelte-1oopymx a:where(.svelte-1oopymx):hover{color:var(--primary)}.actions.svelte-1oopymx{margin-top:1rem;display:flex;gap:.75rem;align-items:center}@media (min-width: 768px){.card.svelte-1oopymx{border-radius:var(--border-radius-lg)}.card.svelte-1oopymx:hover{background:var(--background-secondary);box-shadow:0 4px 20px #0000001a;cursor:pointer}}@media (max-width: 768px){.card.svelte-1oopymx:hover .overlay:where(.svelte-1oopymx){opacity:0}.content.svelte-1oopymx{padding:1rem 0rem 0rem}.title.svelte-1oopymx{font-size:1rem}.actions.svelte-1oopymx{gap:.5rem;flex-direction:column}.actions.svelte-1oopymx>*{flex:1!important;width:100%}}