@layer components{.products-grid{container-type:inline-size;position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));align-items:stretch;gap:var(--space-3);overflow:visible;padding-block:var(--space-4);margin-block:var(--space-8) var(--space-12);transition:all .4s cubic-bezier(.4,0,.2,1)}.products-grid.transitioning{opacity:.7;transform:scale(.98)}@container (width <= 480px){.products-grid{gap:var(--space-2)}}.product-card{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 6;background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-bounce)}.product-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255/10%) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s;pointer-events:none}@media (hover:hover) and (pointer:fine){.product-card:hover{z-index:2;box-shadow:var(--shadow-purple-lg);transform:translateY(-8px);border-color:var(--purple-200)}.product-card:hover::before{transform:translateX(100%)}}@supports not (grid-template-rows:subgrid){.product-card{display:flex;flex-direction:column}.product-title{min-block-size:calc(1.3em*2)}}.product-image{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden;margin:var(--space-5);background:linear-gradient(135deg,var(--cream-100) 0%,var(--purple-tint-soft) 100%);border-radius:16px;box-shadow:0 15px 30px rgb(123 43 133/10%);transition:var(--transition-base)}.product-image .product-img,.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);transition:var(--transition-base)}@media (hover:hover) and (pointer:fine){.product-card:hover .product-image .product-img,.product-card:hover .product-image img{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.product-image .product-img,.product-image img{transition:none}}.product-image .placeholder-image{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--cream-100) 0%,var(--purple-tint-soft) 100%)}.product-image .placeholder-icon{font-size:2rem;margin-bottom:var(--space-2)}.product-image .placeholder-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:1px}.availability-badge{position:absolute;top:10px;right:10px;z-index:5;padding:3px 8px;font-family:var(--font-body);font-size:.65rem;font-weight:var(--font-semibold);line-height:1.3;border-radius:var(--border-radius-full);box-shadow:0 2px 6px rgb(0 0 0/15%);text-transform:uppercase;letter-spacing:.3px}.availability-badge.in_stock{color:var(--text-on-purple);background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600))}.availability-badge.limited_stock{color:var(--text-on-purple);background:linear-gradient(135deg,var(--amber-500),var(--amber-600))}.availability-badge.critical_stock{color:var(--text-on-purple);background:linear-gradient(135deg,var(--red-500),var(--red-600));animation:urgent-pulse 2s ease-in-out infinite}.availability-badge.out_of_stock{color:var(--text-on-purple);background:linear-gradient(135deg,var(--gray-500),var(--gray-600));opacity:.9}.quick-actions{position:absolute;top:15px;left:15px;z-index:4;display:flex;flex-direction:column;gap:var(--space-2);opacity:0}@media (hover:hover) and (pointer:fine){.quick-actions{transform:translateX(-20px);transition:opacity .4s ease,transform .4s ease}.product-card:hover .quick-actions{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.quick-actions{transition:none}}.quick-action-btn{display:flex;justify-content:center;align-items:center;min-block-size:44px;min-inline-size:44px;width:40px;height:40px;font-size:1.1rem;color:var(--secondary-color);background:rgb(255 255 255/95%);border:0;border-radius:var(--radius-circle);box-shadow:0 4px 12px rgb(123 43 133/15%);backdrop-filter:blur(10px);transition:var(--transition-base);cursor:pointer}@media (hover:hover) and (pointer:fine){.quick-action-btn:hover{color:var(--text-on-purple);background:var(--secondary-color);box-shadow:0 6px 20px rgb(123 43 133/30%);transform:scale(1.1)}}.product-info{position:relative;z-index:2;display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:var(--space-4)}.product-header,.product-title-section{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:var(--space-3)}.product-title-section{grid-row:span 3;gap:var(--space-2)}@supports not (grid-template-rows:subgrid){.product-header,.product-info{display:flex;flex-direction:column}.product-info{flex:1}.product-header{gap:var(--space-3);margin-bottom:var(--space-6)}.product-title-section{display:flex;flex:1;flex-direction:column;gap:var(--space-2)}}.product-brand{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.product-brand,.product-title{margin:0;font-family:var(--font-body)}.product-description,.product-title a{display:-webkit-box;-webkit-box-orient:vertical;font-family:var(--font-body);overflow:hidden}.product-title a{-webkit-line-clamp:2;line-clamp:2;min-block-size:44px;font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.3;color:inherit;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:var(--transition-base)}@media (hover:hover) and (pointer:fine){.product-title a:hover{background:linear-gradient(135deg,var(--accent-color),var(--tertiary-color));background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(-1px)}}@media (forced-colors:active){.product-title a{-webkit-text-fill-color:revert}}.product-description{-webkit-line-clamp:3;line-clamp:3;flex:1;margin-top:var(--space-6);margin-block-end:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-secondary)}.product-price{display:flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--purple-700)}.original-price{font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--text-light);text-decoration:line-through}.price-on-request{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--secondary-color)}.product-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem;margin-bottom:var(--space-1)}.tag{display:inline-flex;justify-content:center;align-items:center;min-block-size:44px;min-inline-size:44px;padding:var(--space-2) var(--space-4);margin:0;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid transparent;border-radius:var(--border-radius-full);transition:var(--transition-base);text-decoration:none;text-transform:uppercase;letter-spacing:.5px}@media (hover:hover) and (pointer:fine){.tag:hover{box-shadow:0 4px 12px rgb(0 0 0/15%);transform:translateY(-2px)}}.tag-animal{color:var(--violet-800);background:linear-gradient(135deg,var(--violet-200) 0%,var(--violet-300) 100%);border-color:var(--violet-300)}.tag-product{color:var(--rose-700);background:linear-gradient(135deg,var(--rose-100) 0%,var(--rose-200) 100%);border-color:var(--rose-200)}}