/* Mars 1.4.0 - premium white category banners */
.mars-shop-category-head{display:none!important}
.mars-shop-category-banner{
  position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  align-items:center;gap:18px;margin:0 0 24px;padding:20px 24px;overflow:hidden;
  border:1px solid #e5ebf4;border-radius:14px;background:#fff;
  box-shadow:0 10px 30px rgba(14,31,63,.05)
}
.mars-shop-category-banner::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#ff6a00,#ff9f47)
}
.mars-shop-category-banner__content{display:grid;gap:12px;align-content:center;padding-left:4px;min-width:0}
.mars-shop-category-banner__eyebrow{
  display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:28px;padding:0 12px;
  border-radius:999px;background:#fff5ee;border:1px solid #ffe0cc;color:#ff6a00;
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase
}
.mars-shop-category-banner h1{margin:0;color:#0a1f44;font-size:34px;line-height:1.08;letter-spacing:-1px}
.mars-shop-category-banner__desc{max-width:620px;color:#5e6d86;font-size:14px;line-height:1.7}
.mars-shop-category-banner__desc p{margin:0}
.mars-shop-category-banner__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;color:#42516a;font-size:13px}
.mars-shop-category-banner__meta span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f7f9fc;border:1px solid #ebf0f6}
.mars-shop-category-banner__meta .mars-icon{width:16px;height:16px;color:#ff6a00}
.mars-shop-category-banner__meta strong{color:#0a1f44;font-weight:600}
.mars-shop-category-banner__actions{display:flex;align-items:center;gap:10px;padding-top:2px}
.mars-shop-category-banner .mars-button--ghost{background:#ff6a00;color:#fff;border-color:#ff6a00;box-shadow:0 8px 18px rgba(255,106,0,.18)}
.mars-shop-category-banner .mars-button--ghost:hover{background:#ff7a1f;border-color:#ff7a1f;color:#fff}
.mars-shop-category-banner__media{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.mars-shop-category-banner__hero,
.mars-shop-category-banner__image,
.mars-shop-category-banner__placeholder{width:min(100%,430px);height:180px;border-radius:12px;border:1px solid #e5ebf4;background:#f8fafc;box-shadow:0 8px 22px rgba(14,31,63,.05)}
.mars-shop-category-banner__hero{display:block;object-fit:cover}
.mars-shop-category-banner__image{display:block;object-fit:contain;padding:12px}
.mars-shop-category-banner__placeholder{display:flex;align-items:center;justify-content:center;color:#a2afc2}
.mars-shop-category-banner__placeholder .mars-icon{width:56px;height:56px}
@media (max-width:1000px){
  .mars-shop-category-banner{grid-template-columns:minmax(0,1fr) 300px;padding:18px 20px}
  .mars-shop-category-banner h1{font-size:30px}
  .mars-shop-category-banner__hero,.mars-shop-category-banner__image,.mars-shop-category-banner__placeholder{height:165px}
}
@media (max-width:700px){
  .mars-shop-category-banner{grid-template-columns:1fr;gap:12px;padding:14px 14px 15px;border-radius:12px}
  .mars-shop-category-banner::before{width:100%;height:4px;top:0;bottom:auto}
  .mars-shop-category-banner__media{order:-1;justify-content:center}
  .mars-shop-category-banner__hero,.mars-shop-category-banner__image,.mars-shop-category-banner__placeholder{width:100%;max-width:none;height:126px;border-radius:10px}
  .mars-shop-category-banner__image{padding:10px}
  .mars-shop-category-banner h1{font-size:26px;letter-spacing:-.8px}
  .mars-shop-category-banner__desc{font-size:12px;line-height:1.65}
  .mars-shop-category-banner__meta{font-size:11px;gap:8px}
  .mars-shop-category-banner__meta span{padding:7px 10px}
  .mars-shop-category-banner__actions .mars-button--ghost{min-height:40px;padding:0 16px;font-size:12px}
}