@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@500;600;700&display=swap');
.ms-collection-page{background:#f5f5f5;padding-bottom:65px;min-height:480px}
.ms-collection-page *{box-sizing:border-box}
.ms-collection-page .ms-container{width:min(1190px,calc(100% - 40px));margin:0 auto}
.ms-collection-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:12px 0 18px;font-size:11px;color:#333}
.ms-collection-breadcrumb a{color:inherit;text-decoration:none}
.ms-collection-breadcrumb a:hover{color:#c28b00}
.ms-collection-hero{position:relative;height:454px;background-color:#303030;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;border-bottom:5px solid #ffb700;margin:0 0 44px}
.ms-collection-hero__title{background:#111;color:#ffb700;padding:12px 24px 9px;margin:0 0 -1px;font:700 clamp(25px,3vw,45px)/1.1 Akshar,Arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.3px;max-width:90%}
.ms-collection-subcategories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:12px 0 40px}
.ms-collection-subcategory{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;box-shadow:0 1px 3px #0002;border:1px solid #e9e9e9;padding:15px 12px 18px;min-width:0;color:#161616;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.ms-collection-subcategory:hover{transform:translateY(-3px);box-shadow:0 5px 14px #0002}
.ms-collection-subcategory__photo{height:225px;width:100%;display:flex;align-items:center;justify-content:center}
.ms-collection-subcategory__photo img{height:100%;width:100%;object-fit:contain}
.ms-collection-image-empty{font-size:12px;color:#888}
.ms-collection-subcategory__arrow{border:1.5px solid #ffb700;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ffb700;font:22px/1 Arial,sans-serif;flex-shrink:0}
.ms-collection-subcategory h2{font:700 19px/1.15 Akshar,Arial,sans-serif;text-transform:uppercase;margin:9px 0 0;max-width:160px}
.ms-collection-description{max-width:850px;margin:-20px auto 30px;text-align:center;font-size:13px}
.ms-collection-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;max-width:100%}
.ms-collection-products__grid .ms-card{min-width:0}
.ms-collection-products__grid .ms-card-image{height:215px}
.ms-collection-pagination{display:flex;justify-content:center;margin:30px 0}
.ms-collection-pagination .page-numbers{padding:8px}
.ms-collection-no-products{padding:25px 0;text-align:center}
@media(max-width:900px){.ms-collection-subcategories,.ms-collection-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-collection-hero{height:280px}.ms-collection-subcategory__photo{height:180px}}
@media(max-width:650px){.ms-collection-page .ms-container{width:calc(100% - 28px)}.ms-collection-hero{height:180px;margin-bottom:28px}.ms-collection-subcategories,.ms-collection-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ms-collection-subcategory{padding:10px 7px 14px}.ms-collection-subcategory__photo{height:155px}.ms-collection-subcategory h2{font-size:16px}.ms-collection-products__grid .ms-card-image{height:145px}}

/* Three selectable MasterSpec collection designs */
.ms-layout-products .ms-collection-sort-row{display:flex;justify-content:flex-end;margin:7px 0 26px}
.ms-layout-products .ms-collection-sort-row form{display:flex;gap:12px;align-items:center}
.ms-layout-products .ms-collection-sort-row select{background:#f7f7f7;border:1px solid #bbb;padding:9px 32px 9px 11px;color:#171717}
.ms-layout-products .ms-collection-products{padding-top:0}
.ms-layout-products .ms-collection-products__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ms-layout-products .ms-card{background:#fff}
.ms-layout-banner_products .ms-collection-products{padding-top:32px}
.ms-layout-categories .ms-collection-subcategories{padding-top:30px}
@media(max-width:800px){.ms-layout-products .ms-collection-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ms-layout-products .ms-collection-sort-row{margin:8px 0 18px}}