/* Catalog v1.2: local brand marks and resilient product photography */
.brand-cloud div div{align-items:center}
.brand-cloud a{width:100px;height:38px;display:grid;place-items:center;padding:4px 10px;border-radius:9px;transition:.2s}
.brand-cloud a:hover{background:#f1f5f9;transform:translateY(-2px)}
.brand-cloud a img{width:100%;height:28px;object-fit:contain}
.card-media>.laptop,.card-media>img{grid-area:1/1}
.image-fallback[hidden],.hero-image-fallback[hidden]{display:none!important}
.card-media>.image-fallback{z-index:0}
.card-media>img{z-index:1}
.card-brand,.product-brand{display:flex;align-items:center;gap:8px}
.card-brand img{width:27px;height:16px;object-fit:contain;flex:0 0 auto}
.product-brand img{width:48px;height:25px;object-fit:contain;flex:0 0 auto}
.main-image>*{grid-area:1/1}
.main-image>.image-fallback{z-index:0}
.main-image>img{z-index:1;background:#fff}
@media(max-width:760px){
  .brand-cloud .container{align-items:flex-start}
  .brand-cloud div div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .brand-cloud a{width:92px}
  .product-brand img{width:38px}
}

/* Catalog v1.3: accessories and dynamic categories */
.category-section{padding:54px 0;background:#fff;border-bottom:1px solid var(--line)}
.category-section .section-head{margin-bottom:22px}.category-section h2{font-size:30px;margin:6px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.category-grid>a{min-height:112px;padding:18px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;background:#fff;transition:.2s}
.category-grid>a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b9efe7}
.category-grid i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eafbf7;color:#087466;font-size:21px;font-style:normal}
.category-grid span{display:flex;flex-direction:column;gap:4px}.category-grid b{font-size:14px}.category-grid small{font-size:10px;color:var(--muted)}.category-grid em{font-style:normal}
.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.category-pills a{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:99px;font-size:12px;color:#c3d1e1}.category-pills a.active,.category-pills a:hover{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}
.accessory-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#64748b;text-align:center;padding:25px}.accessory-fallback b{font-size:52px;color:#0b8f7d}.accessory-fallback small{font-size:12px}.card-media>.accessory-fallback{grid-area:1/1}.main-image>.accessory-fallback{grid-area:1/1;z-index:0}.accessory-image>img{padding:32px}.product-category{margin:0 0 14px}.product-category a{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:#eafbf7;color:#087466;border-radius:99px;font-size:12px;font-weight:700}
.category-admin-list{display:flex;flex-direction:column;gap:8px}.category-admin-list form{display:grid;grid-template-columns:58px 1fr 1fr 1fr 75px 90px auto auto;gap:7px;align-items:center;padding:8px;background:#f8fafc;border-radius:10px}.category-admin-list form>span{font-size:11px}.category-admin-list button{border:0;background:var(--ink);color:#fff;border-radius:7px;padding:10px}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(3,1fr)}.category-admin-list form{grid-template-columns:58px repeat(3,1fr)}}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-admin-list form{grid-template-columns:55px 1fr 1fr}.category-admin-list form>span{grid-column:1/-1}}
@media(max-width:480px){.category-grid{grid-template-columns:1fr}.category-grid>a{min-height:90px}}