/* am-catalog-sections-v1: each category owns a title area and a content area. */
html body [data-public-primary-category][data-catalog-section="primary"]{--column-outer:#d4dfcb;--column-heading:#e4ebdd;--column-body:#eff4e9;--column-card:#fbfcf8;--column-border:#bacbb0;box-sizing:border-box;min-width:0;max-width:100%;padding:14px;margin-block:28px;border:1px solid var(--column-border);border-radius:18px;background:var(--column-outer);box-shadow:0 2px 8px #18392f08;scroll-margin-top:24px}
html[data-site-theme=ocean] body [data-catalog-section="primary"]{--column-outer:#d1e0e8;--column-heading:#e0ebf1;--column-body:#edf4f7;--column-card:#fbfdfe;--column-border:#b5cdd9}
html[data-site-theme=earth] body [data-catalog-section="primary"]{--column-outer:#e2d4c2;--column-heading:#eee4d7;--column-body:#f6efe5;--column-card:#fffcf7;--column-border:#d1bda4}
html[data-site-theme=midnight] body [data-catalog-section="primary"]{--column-outer:#14262c;--column-heading:#20353c;--column-body:#2a4149;--column-card:#354f57;--column-border:#4a6770}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-heading]{box-sizing:border-box;display:flex;align-items:center;gap:16px;min-width:0;padding:18px 22px;margin:0 0 12px;border:1px solid var(--column-border);border-radius:11px;background:var(--column-heading)}
html body [data-catalog-section-heading]>div{min-width:0;max-width:100%}
html body [data-catalog-section-heading] :is(h2,h3,p){overflow-wrap:anywhere}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]{box-sizing:border-box;min-width:0;padding:18px;border:1px solid var(--column-border);border-radius:12px;background:var(--column-body)}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]>.product-grid,html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]>.accessory-grid{margin:0}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body] :is(.product-card,.accessory-card){background:var(--column-card);border-color:var(--column-border)}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body] .product-info{background:transparent}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]>.catalog-subgroup{background:var(--column-card);border-color:var(--column-border)}
html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]>.catalog-subgroup:last-child{margin-bottom:0}
@media(max-width:680px){html body [data-public-primary-category][data-catalog-section="primary"]{padding:9px;margin-block:20px;border-radius:13px}html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-heading]{padding:14px 13px;gap:10px;margin-bottom:9px;border-radius:9px;align-items:flex-start;flex-wrap:wrap}html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]{padding:10px;border-radius:9px}html body [data-public-primary-category][data-catalog-section="primary"]>[data-catalog-section-body]>.catalog-subgroup{padding:10px;margin-block:16px}}

/* am-image-recrop-columns-v1: configured columns apply to every product grid in this category. */
[data-public-primary-category][data-product-columns="1"]{--am-product-columns:1}
[data-public-primary-category][data-product-columns="2"]{--am-product-columns:2}
[data-public-primary-category][data-product-columns="3"]{--am-product-columns:3}
[data-public-primary-category][data-product-columns="4"]{--am-product-columns:4}
[data-public-primary-category][data-product-columns="5"]{--am-product-columns:5}
[data-public-primary-category][data-product-columns="6"]{--am-product-columns:6}
[data-public-primary-category][data-product-columns] .product-grid,[data-public-primary-category][data-product-columns] .accessory-grid{grid-template-columns:repeat(var(--am-product-columns),minmax(0,1fr))}
[data-public-primary-category][data-product-columns] :is(.product-card,.accessory-card){min-width:0;overflow-wrap:anywhere}
@media(min-width:681px) and (max-width:1024px){[data-public-primary-category][data-product-columns]:not([data-product-columns="1"]){--am-product-columns:2}}
@media(max-width:680px){[data-public-primary-category][data-product-columns]{--am-product-columns:1}}
