@layer base;@layer components{.ds-card{background:var(--color-white);border:1px solid rgb(var(--color-black-rgb) / .05);border-radius:var(--radius-2xl,1.5rem);isolation:isolate;flex-direction:column;padding:.625rem;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1),border-color .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.ds-card:hover{border-color:rgb(var(--color-primary-rgb) / .22);box-shadow:0 20px 40px -12px rgb(var(--color-primary-rgb) / .12), 0 6px 16px rgb(var(--color-black-rgb) / .04)}.ds-card__canvas{aspect-ratio:1;border-radius:calc(var(--radius-2xl,1.5rem) - 4px);background:linear-gradient(180deg, var(--color-white) 0%, rgb(var(--p-sand-rgb) / .22) 100%);border:1px solid rgb(var(--color-black-rgb) / .04);box-shadow:0 2px 8px rgb(var(--color-black-rgb) / .02), inset 0 1px 0 rgb(var(--color-white-rgb) / .8);transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.ds-card__media-wrapper{width:100%;height:100%;overflow:hidden}.ds-card__media{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.ds-card:hover .ds-card__media{transform:scale(1.06)}.ds-card__badge{top:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-3);position:absolute}.ds-card__overlay{background:radial-gradient(circle at center, transparent 30%, rgb(var(--color-black-rgb) / .04) 100%);pointer-events:none;z-index:var(--z-2);position:absolute;inset:0}.ds-card__actions{z-index:var(--z-footer);opacity:0;flex-direction:column;gap:.375rem;transition:opacity .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:.75rem;right:.75rem;transform:translate(8px)}.ds-card:hover .ds-card__actions,.ds-card:focus-within .ds-card__actions{opacity:1;transform:translate(0,0)}.ds-card__content{padding:var(--spacing-sm) var(--spacing-xs) .25rem;flex-direction:column;flex:1;justify-content:space-between;gap:.125rem;display:flex}.ds-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.ds-card__subtitle-group{flex-direction:column;flex:1;min-width:0;display:flex}.ds-card__artisan-label{font-size:.625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-primary-text);margin-bottom:2px}.ds-card__subtitle-value{font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);line-height:1.25}.ds-card__rating{color:var(--p-gold-ink);font-size:.75rem;font-weight:var(--font-weight-bold);flex-shrink:0;align-items:center;gap:3px;padding-top:2px;display:flex}.ds-card__title{font-family:var(--font-serif);color:var(--color-gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.375rem 0 .25rem;font-size:1.15rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.ds-card__link,.pc-title-link{color:inherit;transition:color var(--transition-fast);outline:none;text-decoration:none}.ds-card__link:hover,.ds-card__link:focus,.pc-title-link:hover,.pc-title-link:focus{color:var(--color-primary-text)}.ds-card__link:focus-visible,.pc-title-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.ds-card__link:after,.pc-title-link:after{content:"";z-index:var(--z-above);position:absolute;inset:0}.ds-card__price-tag{align-items:baseline;gap:.5rem;margin-top:.375rem;display:flex}.ds-card__price-current{font-family:var(--font-serif);color:var(--color-primary-deep);font-variant-numeric:lining-nums;font-size:1.25rem;font-weight:700}.ds-card__price-old{color:var(--color-gray-600);font-size:.8125rem;text-decoration:line-through}.ds-card--premium{padding:var(--spacing-lg);background:var(--color-surface-glass-light);backdrop-filter:blur(12px);border:1px solid rgb(var(--color-primary-rgb) / .1);box-shadow:var(--shadow-glass-base)}.ds-card--premium:hover{background:var(--color-surface-glass-medium);border-color:rgb(var(--color-primary-rgb) / .2);box-shadow:var(--shadow-md)}.ds-card--compact .ds-card__canvas{border-radius:var(--radius-xl)}.ds-card--compact .ds-card__content{padding:var(--spacing-sm) .25rem}@media (width<=640px){.ds-card__actions{opacity:1;top:.75rem;right:.75rem;transform:none}.ds-card__content{padding:var(--spacing-sm) .25rem}}}@layer pages,utilities,overrides;
