*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#0f172a}button,input,select,textarea{font:inherit}app-commerce-grid .notice{background:#0f172ab8;border-radius:1.25rem;padding:clamp(1.25rem,3vw,2rem);color:#e2e8f0;box-shadow:inset 0 0 0 1px #94a3b840;display:grid;gap:.75rem}app-commerce-grid .notice__title{margin:0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:#f8fafc}app-commerce-grid .notice__body{margin:0;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.6}app-commerce-grid .notice__link{color:#93c5fd;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;transition:color .2s ease}app-commerce-grid .notice__link:hover,app-commerce-grid .notice__link:focus-visible{color:#bfdbfe}app-commerce-grid .filters__header{display:flex;flex-direction:column;gap:.75rem;text-align:left}@media (min-width: 768px){app-commerce-grid .filters__header{flex-direction:row;align-items:flex-end;justify-content:space-between}}app-commerce-grid .filters__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0f172a73;margin:0 0 .25rem}app-commerce-grid .filters__title{margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:#0f172a}app-commerce-grid .filters__helper{margin:0;font-size:.95rem;color:#0f172abf;max-width:32rem}app-commerce-grid .filters__grid{display:grid;gap:1.25rem}@media (min-width: 640px){app-commerce-grid .filters__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem}}app-commerce-grid .filters__group--wide{grid-column:span 1}@media (min-width: 640px){app-commerce-grid .filters__group--wide{grid-column:span 3}app-commerce-grid .filters__group:not(.filters__group--wide){grid-column:span 3}}@media (min-width: 1024px){app-commerce-grid .filters__group--wide{grid-column:span 4}app-commerce-grid .filters__group:not(.filters__group--wide){grid-column:span 2}}app-commerce-grid .filters__footer{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;grid-column:1/-1}@media (max-width: 767px){app-commerce-grid .filters__footer{flex-direction:column;justify-content:stretch}app-commerce-grid .filters__button{width:100%}}app-commerce-grid .grid__controls{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){app-commerce-grid .grid__controls{flex-direction:row;align-items:center;justify-content:flex-end;gap:1.5rem}}app-commerce-grid .grid__view{display:flex;align-items:center;gap:.75rem}app-commerce-grid .grid__view-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0bf}app-commerce-grid .grid__view-buttons{display:inline-flex;padding:.25rem;background:#0f172a99;border-radius:999px;gap:.25rem}app-commerce-grid .grid__view-button{border:none;background:transparent;color:#e2e8f0b3;font-weight:600;font-size:.9rem;padding:.35rem .85rem;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}app-commerce-grid .grid__view-button:is(:hover,:focus-visible){background:#2563eb66;color:#fff;outline:none}app-commerce-grid .grid__view-button--active{background:linear-gradient(135deg,#2563ebe6,#1e40afd9);color:#fff;box-shadow:0 8px 20px #2563eb59}app-commerce-grid .grid__page-size{color:#e2e8f0d9;font-size:.9rem;display:flex;align-items:center;gap:.5rem}app-commerce-grid .grid__page-size select{appearance:none;background:#0f172a99;border:1px solid rgba(148,163,184,.3);border-radius:.75rem;color:#e2e8f0;font-size:.9rem;padding:.35rem .9rem;cursor:pointer}app-commerce-grid .grid__page-size select:focus-visible{outline:none;border-color:#bfdbfecc;box-shadow:0 0 0 2px #2563eb73}app-commerce-grid .grid__page-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}app-commerce-grid .grid__page-ellipsis{color:#e2e8f08c;font-size:1.35rem;font-weight:600;padding:0 .45rem;display:flex;align-items:center}