.ui2-product-atlas .atlas-v1{display:grid;gap:var(--ui2-space-8)}
.ui2-product-atlas .atlas-v1__hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:var(--ui2-space-xl);align-items:center;padding:var(--ui2-space-xl);border-radius:var(--ui2-radius-lg);background:var(--ui2-surface-alt)}
.ui2-product-atlas .atlas-v1__hero img,.ui2-product-atlas .atlas-card img,.ui2-product-atlas .atlas-detail__hero img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--ui2-radius-md)}
.ui2-product-atlas .atlas-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.35fr);gap:var(--ui2-space-3);padding:var(--ui2-space-5);background:var(--ui2-surface);border:1px solid var(--ui2-border);border-radius:var(--ui2-radius-md)}
.ui2-product-atlas .atlas-toolbar input,.ui2-product-atlas .atlas-toolbar select{min-height:44px;width:100%;border:1px solid var(--ui2-border-strong);border-radius:var(--ui2-radius-sm);padding:0 var(--ui2-space-3);font:inherit;background:var(--ui2-surface)}
.ui2-product-atlas .atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui2-space-5)}
.ui2-product-atlas .atlas-card{display:grid;gap:var(--ui2-space-3);padding:var(--ui2-space-4);border:1px solid var(--ui2-border);border-radius:var(--ui2-radius-md);background:var(--ui2-surface)}
.ui2-product-atlas .atlas-card h2,.ui2-product-atlas .atlas-panel h2{margin:0}.ui2-product-atlas .atlas-card p{margin:0}
.ui2-product-atlas .atlas-card h2 a,.ui2-product-atlas .atlas-panel li a{display:inline-flex;min-width:44px;min-height:44px;align-items:center}
.ui2-product-atlas .atlas-meta{font:var(--ui2-meta);color:var(--ui2-text-secondary)}
.ui2-product-atlas .atlas-detail,.ui2-product-atlas .atlas-panels{display:grid;gap:var(--ui2-space-5)}
.ui2-product-atlas .atlas-detail__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:var(--ui2-space-7);align-items:center}
.ui2-product-atlas .atlas-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
.ui2-product-atlas .atlas-panel{padding:var(--ui2-space-5);border:1px solid var(--ui2-border);border-radius:var(--ui2-radius-md);background:var(--ui2-surface)}
.ui2-product-atlas .atlas-panel--warning{border-width:2px;border-color:var(--ui2-warning);background:var(--ui2-pastel-yellow)}
.ui2-product-atlas .atlas-tags{display:flex;flex-wrap:wrap;gap:var(--ui2-space-2);padding:0;list-style:none}.ui2-product-atlas .atlas-tag{padding:.35rem .65rem;border-radius:var(--ui2-radius-pill);background:var(--ui2-surface-muted)}
.ui2-product-atlas .atlas-empty{padding:var(--ui2-space-5);text-align:center}
@media(max-width:768px){.ui2-product-atlas .atlas-v1__hero,.ui2-product-atlas .atlas-detail__hero,.ui2-product-atlas .atlas-panels{grid-template-columns:1fr}.ui2-product-atlas .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui2-product-atlas .atlas-toolbar{grid-template-columns:1fr}}
@media(max-width:430px){.ui2-product-atlas .atlas-grid{grid-template-columns:1fr}.ui2-product-atlas .atlas-v1__hero{padding:var(--ui2-space-5)}}
@media(prefers-reduced-motion:reduce){.ui2-product-atlas *{scroll-behavior:auto!important;transition-duration:.01ms!important}}