/* V5 approved catalog concept, local preview only. */
:root{--accent:#ff4f27;--text:#202226;--line:#e4e5e7;--bg:#fff;--muted:#72767d}body{background:white}.header{height:72px;padding:0 3%;gap:45px}.brand-logo{width:184px;max-height:46px}.header nav{margin-left:25px;font-size:16px;gap:36px}.demo-banner{position:static;text-align:right;padding:5px 3%;font-size:11px;color:#999;background:#fff;border:0}.workspace{display:block;width:94%;max-width:2000px;padding:10px 0 120px;margin:auto}.title-row{margin:0 0 15px;min-height:0;gap:24px}h1{font-size:32px;font-weight:750;margin:0;letter-spacing:-1px}.catalog-search{display:flex;align-items:stretch;width:440px;max-width:55%;height:44px}.search{background:white;border:1px solid var(--line);border-radius:3px 0 0 3px;padding:8px 12px;min-width:0}.search input{font-size:15px;min-width:0}.catalog-search>.primary{border-radius:0 3px 3px 0;font-size:15px;padding:8px 24px}#categories{display:flex;gap:36px;overflow:auto;border-bottom:1px solid var(--line);padding:0;scrollbar-width:thin}.category{width:auto;flex:none;font-size:20px;line-height:30px;padding:13px 9px;margin:0;border-radius:0;min-height:58px;border-bottom:3px solid transparent;color:#202226;background:transparent}.category.active,.category.active:hover{color:var(--accent);background:transparent;border-bottom-color:var(--accent);font-weight:650}.category:hover{color:var(--accent);background:transparent}.category.active::after{content:none}.filter-panel{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:25px;padding:12px 0;margin:0;border:0;border-radius:0;border-bottom:1px solid var(--line);font-size:15px}.filter-panel label{display:flex;align-items:center;gap:12px}.filter-panel select{font-size:15px;border:0;border-radius:0;padding:6px 18px 6px 4px;background:white}.filter-panel .chip{margin-left:auto;font-size:14px;border:0;border-radius:0;background:transparent}.filter-panel .chip[aria-pressed=true]{color:var(--accent);background:#fff3ed}.filter-panel .text-button{font-size:14px}.selection-tools{display:flex;flex-wrap:wrap;gap:19px;padding:13px 0;margin:0;border:0;font-size:15px}.selection-tools .text-button{font-size:15px;color:var(--text)}.selection-tools .small-button{font-size:15px;color:var(--accent);border-color:var(--accent);height:38px;padding:5px 20px}.utility{display:flex;gap:20px;align-items:center;margin-left:auto}.utility select{font-size:14px;padding:7px 10px;order:-1}#quantity{font-size:15px;width:66px;padding:5px}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.card,.card:hover,.card.selected{border:0;box-shadow:none!important;border-radius:0;overflow:visible}.card-image{aspect-ratio:1;outline:none!important;border-radius:0;background:#e8e2d9;overflow:hidden}.card.selected .card-image{box-shadow:inset 0 0 0 2px var(--accent)}.card.selected .image-button{outline:2px solid var(--accent);outline-offset:-2px}.image-button{background:#e8e2d9;border-radius:0}.image-button img{object-fit:cover}.image-button:hover img{transform:scale(1.025)}.card-body{padding:8px 0 0}.card-title{font-size:17px;font-weight:500;margin:0 0 1px;line-height:1.6}.card-bottom{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}.sku{font-size:13px;letter-spacing:0;color:#82858b}.detail-link{font-size:12px;color:#82858b}.select-card{top:10px;left:10px;width:24px;height:24px;border:0;border-radius:3px;background:#fff;box-shadow:none}.select-card input{width:21px;height:21px}.pagination{margin:36px 0 18px}.download-bar{min-height:80px;padding:12px 3%;box-shadow:none;gap:16px}.selection-summary{gap:24px;flex-shrink:0}.selection-summary strong{font-size:18px;white-space:nowrap}.selection-summary strong span{font-size:28px}.selection-summary small{display:none}#selected-thumbs{display:flex;gap:8px}.thumb-button{width:42px;height:50px;padding:0;background:#eee}.thumb-button img{width:100%;height:100%;object-fit:cover}.bar-actions{gap:24px;flex:1}.bar-actions .text-button{font-size:15px;white-space:nowrap}.bar-actions .primary{margin-left:0;font-size:17px;padding:14px 24px;border-radius:3px;white-space:nowrap}.pack-note{margin-left:auto;font-size:13px;color:#72767d}.end-note{font-size:11px}.drawer .detail-image{object-fit:contain}.drawer .eyebrow{font-size:10px}.download-dialog .eyebrow{display:none}
@media(min-width:2000px){.product-grid{gap:30px}.card-title{font-size:19px}}
@media(max-width:1150px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#categories{gap:20px}.category{font-size:18px}.pack-note{display:none}.bar-actions{justify-content:flex-end}.card-title{font-size:15px}}
@media(max-width:760px){.header{height:62px;padding:0 16px;gap:14px}.brand-logo{width:126px}.header nav{font-size:11px;gap:15px;margin-left:auto}.header nav a{padding:18px 0}.demo-banner{padding:5px 16px;font-size:10px}.workspace{width:auto;padding:14px 16px 115px;display:block}.title-row{display:flex;align-items:stretch;flex-direction:column;gap:14px;margin-bottom:10px}h1{font-size:28px}.catalog-search{width:100%;max-width:none;height:42px}.catalog-search>.primary{padding:7px 18px;font-size:14px}#categories{display:flex;gap:18px;padding:0;overflow:auto;max-width:100%}.category{font-size:16px;padding:9px 2px;min-height:48px}.filter-panel{gap:12px;padding:10px 0;font-size:13px}.filter-panel label{gap:5px}.filter-panel select{font-size:13px;padding:5px 0;max-width:108px}.filter-panel .text-button,.filter-panel .chip{font-size:12px}.filter-panel .chip{margin-left:0;padding:3px 0}.filter-panel>.divider{display:none}.selection-tools{font-size:12px;gap:10px;padding:12px 0}.selection-tools .text-button{font-size:12px}.selection-tools .small-button{font-size:12px;height:30px;padding:3px 11px}.selection-tools .divider{display:none}#quantity{font-size:13px;width:44px;padding:3px}.utility{margin-left:0;flex:1;justify-content:flex-end;gap:8px;font-size:12px}.utility select{font-size:12px;padding:4px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card-title{font-size:14px;line-height:1.5}.card-body{padding:8px 0 0}.card-bottom{flex-direction:column;align-items:flex-start;gap:1px}.sku{font-size:11px}.detail-link{font-size:11px}.select-card{top:7px;left:7px;width:22px;height:22px}.select-card input{width:19px;height:19px}.download-bar{padding:10px 16px;min-height:72px;gap:12px}.selection-summary{gap:0}.selection-summary strong{font-size:13px}.selection-summary strong span{font-size:22px}#selected-thumbs{display:none}.bar-actions{gap:12px}.bar-actions .text-button{font-size:12px}.bar-actions .primary{font-size:13px;padding:11px 12px}.pagination{flex-wrap:wrap}.drawer{padding:26px 20px}.download-dialog{padding:25px 18px}.download-types>label{gap:8px}}
@media(max-width:370px){.bar-actions{gap:8px}.bar-actions #clear{display:none}.header nav{gap:8px;font-size:10px}.brand-logo{width:112px}}

.selection-skip{position:absolute;left:16px;top:-60px;z-index:20;background:white;padding:10px}.selection-skip:focus{top:8px}.header nav{flex-wrap:nowrap;white-space:nowrap}.demo-banner{color:#70757b}.bar-actions .primary:disabled{opacity:1;background:#eee;color:#72767d;border:1px solid #ddd}@media(max-width:900px){.header{height:auto;min-height:64px;flex-wrap:wrap;padding-top:10px;gap:6px}.header nav{width:100%;overflow:auto;margin:0;gap:24px;font-size:14px}.header nav a{padding:10px 0;flex:none}}