.product-image{background-color:var(--color-bg);border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.product-image__img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);will-change:transform;display:block}.product-image--zoom:hover .product-image__img{transform:scale(1.04)}.product-image__fallback{background:linear-gradient(135deg,#6b3e2e14 0%,#e58a2b14 100%);place-items:center;display:grid;position:absolute;inset:0}.product-image__fallback-text{font-family:var(--font-display);letter-spacing:.12em;color:var(--color-brown);opacity:.55;font-size:1.25rem;font-weight:700}@media (prefers-reduced-motion:reduce){.product-image__img{transition:none!important}.product-image--zoom:hover .product-image__img{transform:none}}
.product-price{font-family:var(--font-body);letter-spacing:var(--ls-tight);font-weight:700;line-height:1.2;display:inline-block}.product-price--sm{font-size:var(--fs-sm)}.product-price--md{font-size:var(--fs-base)}.product-price--lg{font-size:var(--fs-xl)}.product-price--left{text-align:left}.product-price--center{text-align:center}.product-price--right{text-align:right}.product-price.is-number{color:var(--color-brown-dark)}.product-price.is-ask{color:var(--color-orange);font-size:.9em;font-weight:600}
.badge{border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:.25rem .6rem;line-height:1;display:inline-flex}.badge--sm{padding:.15rem .5rem;font-size:.65rem}.badge--md{font-size:.7rem}.badge--default{color:var(--color-brown-dark);background-color:#241a160f;border-color:#241a161a}.badge--new{background-color:var(--color-orange);color:var(--color-surface)}.badge--popular{background-color:var(--color-brick);color:var(--color-surface)}.badge--available{background-color:var(--color-success);color:var(--color-surface)}.badge--ask{color:var(--color-orange);background-color:#e58a2b1f;border-color:#e58a2b59}
.product-badge-group{top:var(--space-3);left:var(--space-3);z-index:2;gap:var(--space-1);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.product-badge-group>*{pointer-events:auto;box-shadow:0 2px 8px var(--color-shadow)}
.product-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:0 12px 28px var(--color-shadow);border-color:#6b3e2e2e;transform:translateY(-3px)}.product-card__link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.product-card__media{width:100%;position:relative}.product-card__body{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.product-card__name{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text);min-height:2.7em;transition:color var(--dur-fast) var(--ease-out);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card:hover .product-card__name{color:var(--color-brown)}.product-card__price-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.product-card__actions{top:var(--space-3);right:var(--space-3);z-index:3;gap:var(--space-2);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:absolute;transform:translateY(-6px)}.product-card:hover .product-card__actions,.product-card:focus-within .product-card__actions{opacity:1;transform:translateY(0)}.product-card__icon-btn{border-radius:var(--radius-full);background-color:var(--color-surface);width:38px;height:38px;color:var(--color-text);box-shadow:0 2px 10px var(--color-shadow);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.product-card__icon-btn:hover{background-color:var(--color-bg);color:var(--color-brown);transform:scale(1.06)}.product-card__icon-btn.is-active{color:var(--color-brick)}.product-card__icon-btn--cart:hover{background-color:var(--color-brown);color:var(--color-surface)}.product-card__icon-btn--cart.is-just-added{background-color:var(--color-success);color:var(--color-surface)}@media (hover:none){.product-card__actions{opacity:1;transform:none}}@media (max-width:480px){.product-card__body{padding:var(--space-3)}.product-card__icon-btn{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.product-card,.product-card__actions,.product-card__icon-btn{transition:none!important}.product-card:hover{transform:none}}
.product-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}@media (max-width:480px){.product-grid{gap:var(--space-3)}}@media (min-width:768px){.product-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-grid__item{opacity:0;animation:product-grid-in .42s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 50ms);will-change:opacity, transform;transform:translateY(12px)}@keyframes product-grid-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.product-grid__item{opacity:1;transform:none;animation:none!important}}