.ring-card{position:var(--card-foundation-position);background:var(--card-foundation-background);border:var(--card-foundation-border);border-radius:var(--card-foundation-border-radius);overflow:var(--card-foundation-overflow);cursor:var(--card-foundation-cursor);font-family:var(--card-foundation-font-family);color:inherit;transition:var(--card-foundation-transition);text-decoration:none;display:block}.ring-card:hover{transform:var(--card-foundation-hover-transform);box-shadow:var(--card-foundation-hover-shadow)}.ring-card-image{position:var(--card-image-position);width:var(--card-image-width);aspect-ratio:1;background:var(--card-image-background);display:var(--card-image-display);align-items:var(--card-image-align-items);justify-content:var(--card-image-justify-content);overflow:var(--card-image-overflow)}.ring-card-image img{object-fit:var(--card-image-object-fit);width:100%;height:100%;transition:var(--card-image-transition);pointer-events:none}.ring-card:hover .ring-card-image img{transform:var(--card-image-hover-transform)}.ring-card-placeholder{opacity:.8;color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-transform:uppercase}.ring-card-image img.ring-card-img-alt{opacity:0;z-index:1;transition:opacity .25s}@media (hover:hover){.ring-card:hover .ring-card-image img.ring-card-img-alt{opacity:1}}.ring-card-image.show-alt img.ring-card-img-alt{opacity:1}.ring-card-view-toggle{bottom:var(--spacing-xs);left:var(--spacing-xs);z-index:2;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:none;position:absolute}.ring-card-view-toggle:before{content:"";z-index:-1;background:#00000073;border-radius:50%;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-card-image .ring-card-view-toggle img{object-fit:contain;pointer-events:none;width:18px;height:13px}@media (hover:none){.ring-card-view-toggle{display:flex}}.ring-card-content{padding:var(--spacing-sm) 0;color:var(--color-text-inverse);font-family:var(--font-family-primary)}.ring-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-inverse);line-height:var(--line-height-tight);border-bottom:1px solid var(--color-neutral-600);padding-bottom:var(--spacing-xs);padding-right:40px}.ring-card-pricing{gap:var(--spacing-xxs);flex-direction:column;display:flex}.price-with-quality{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.price-with-quality .quality-label{color:var(--color-neutral-400);font-weight:var(--font-weight-medium)}.price-with-quality .quality-price{color:var(--color-text-inverse);font-weight:var(--font-weight-light)}.price-with-quality .quality-price.price-unavailable{color:var(--color-neutral-400);font-style:italic;font-size:var(--font-size-micro)}.ring-card-wrapper{flex-direction:column;display:flex}.admin-data-row{margin:var(--spacing-xs) 0 var(--spacing-md) 0;border:1px solid var(--color-border);background:0 0;border-radius:0;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.manufacturing-grid{padding:var(--spacing-sm);border-right:1px solid var(--color-border)}.cost-breakdown-container{padding:var(--spacing-sm)}@media (max-width:767px){.admin-data-row{gap:var(--spacing-xs);grid-template-columns:1fr}.manufacturing-grid{border-right:none;border-bottom:1px solid var(--color-border)}}
.ring-header-stack{top:var(--header-height,60px);z-index:var(--z-index-fixed);background:var(--color-surface-black);flex-direction:column;display:flex;position:fixed;left:0;right:0}.ring-header-stack:before{content:"";background:var(--color-surface-black);z-index:-1;height:52px;position:absolute;top:-2px;left:0;right:0}.ring-breadcrumb-bar{background:var(--color-surface-black);min-height:36px}.ring-breadcrumb-content{min-height:36px;padding:var(--spacing-xs) var(--spacing-md);max-width:var(--layout-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.ring-breadcrumb-nav{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-ui-navigation);font-family:var(--font-family-primary);flex:1;display:flex}.ring-breadcrumb-item{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.ring-breadcrumb-item a{color:inherit;text-decoration:none;transition:color .15s}.ring-breadcrumb-item a:hover,.ring-breadcrumb-item.active{color:var(--color-text-inverse)}.ring-breadcrumb-separator{color:var(--color-border-muted);margin:0 var(--spacing-xs);-webkit-user-select:none;user-select:none}.ring-header-controls{align-items:center;gap:var(--spacing-sm);justify-content:flex-end;min-height:32px;display:flex}.ring-sort-dropdown{position:relative}.ring-sort-trigger{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-ui-navigation);font-family:var(--font-family-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;min-height:36px;display:flex}.ring-sort-trigger:hover{color:var(--color-text-tertiary)}.ring-sort-label{white-space:nowrap}.ring-sort-chevron{color:var(--color-text-tertiary);transition:transform .2s}.ring-sort-chevron.open{transform:rotate(180deg)}.ring-sort-backdrop{z-index:99;position:fixed;inset:0}.ring-sort-menu{background:var(--color-neutral-300);border:1px solid var(--color-border);width:max-content;min-width:180px;box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);border-radius:0;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.ring-sort-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-ui-navigation);background:var(--color-neutral-300);color:var(--color-border);cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:44px;transition:all .15s;display:flex}.ring-sort-option:last-child{border-bottom:none}.ring-sort-option:hover,.ring-sort-option.selected{background:var(--color-surface-hover);color:var(--color-text-inverse)}.ring-results-bar{background:var(--color-surface-black);height:20px}.ring-results-count{height:100%;padding:var(--spacing-xs) var(--spacing-md);max-width:var(--layout-max-width);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-family-primary);align-items:center;margin:0 auto;display:flex}.ring-results-diamond-context{color:var(--color-text-secondary);margin-left:.25em}@media (max-width:767px){.ring-breadcrumb-nav{white-space:nowrap;overflow:hidden}.ring-breadcrumb-item{white-space:nowrap;display:inline-block}.ring-breadcrumb-item.active{text-overflow:ellipsis;max-width:120px;overflow:hidden}.ring-header-controls{min-width:80px;min-height:36px}}@media (min-width:1200px){.ring-breadcrumb-content,.ring-results-count{padding:var(--spacing-xs) var(--spacing-lg)}}
.ring-grid-wrapper{width:100%}.ring-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ring-grid-cell{content-visibility:auto;contain-intrinsic-size:auto 360px;min-width:0}.ring-grid-empty{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--color-text-secondary)}.ring-grid-empty p{margin:var(--spacing-sm) 0}.ring-grid-skeleton{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ring-skeleton-card{background-color:var(--color-surface-hover);overflow:hidden}.ring-skeleton-image{aspect-ratio:1;background:var(--color-surface-hover)}.ring-skeleton-content{padding:var(--spacing-sm)}.ring-skeleton-line{background:var(--color-surface-hover);height:12px;margin-bottom:var(--spacing-xs);border-radius:2px}.ring-skeleton-line.short{width:60%}.ring-skeleton-line.medium{width:80%}.ring-grid-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);grid-column:1/-1;display:flex}.ring-loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite ring-spin}@keyframes ring-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.ring-grid,.ring-grid-skeleton{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}
.rings-page{max-width:1400px;padding:var(--spacing-lg,24px);margin:0 auto;padding-top:64px}.rings-error{text-align:center;padding:var(--spacing-xxl,48px) var(--spacing-lg,24px);color:var(--color-text-secondary,#999)}@media (max-width:640px){.rings-page{padding:var(--spacing-md,16px);padding-top:64px}}