/* Bangers2Benners v21 media page override */

.b2bm-body{
  background:
    radial-gradient(circle at 8% 0%, rgba(255,130,24,.20), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(217,22,24,.08), transparent 26%),
    linear-gradient(180deg,#050506 0%,#0b0d13 48%,#050506 100%) !important;
}

.b2bm-header{
  position:sticky !important;
  top:0 !important;
  z-index:200 !important;
}

.b2bm-page{
  width:min(1180px, calc(100% - 28px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:28px 0 70px !important;
}

.b2bm-hero{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:34px;
  background:
    radial-gradient(circle at 10% 12%, rgba(255,157,30,.18), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  box-shadow:0 34px 100px rgba(0,0,0,.42);
}

.b2bm-hero-copy{
  padding:38px;
  display:grid;
  align-content:center;
}

.b2bm-hero-copy h1{
  margin:0 0 16px !important;
  color:#fff !important;
  font-size:clamp(42px,5.6vw,78px) !important;
  line-height:.88 !important;
  letter-spacing:-.065em !important;
  max-width:760px;
}

.b2bm-hero-copy p:not(.eyebrow){
  margin:0;
  color:#d9cbb7;
  font-size:17px;
  max-width:650px;
}

.b2bm-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:24px 0 22px;
}

.b2bm-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:640px;
}

.b2bm-stats div{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.055);
}

.b2bm-stats strong{
  display:block;
  color:#fff;
  font-size:26px;
  line-height:1;
}

.b2bm-stats span{
  display:block;
  margin-top:6px;
  color:#ffbe7b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.b2bm-hero-image{
  min-height:420px;
  background:#07090d;
}

.b2bm-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.b2bm-panel{
  margin-top:22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:30px;
  padding:30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,157,30,.11), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}

.b2bm-panel-head,
.b2bm-results-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:20px;
}

.b2bm-panel-head h2,
.b2bm-results-head h2{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:clamp(34px,4.8vw,58px) !important;
  line-height:.9 !important;
  letter-spacing:-.045em;
}

.b2bm-panel-head p:not(.eyebrow),
.b2bm-results-head p:not(.eyebrow){
  margin:0;
  color:#d0c0ab;
  max-width:720px;
}

.b2bm-all-card{
  appearance:none;
  border:1px solid rgba(255,157,30,.28);
  border-radius:22px;
  width:240px;
  padding:18px;
  text-align:left;
  color:#fff;
  background:
    radial-gradient(circle at 82% 12%, rgba(255,157,30,.20), transparent 32%),
    rgba(255,255,255,.055);
  cursor:pointer;
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}

.b2bm-all-card span{
  display:block;
  font-size:28px;
  margin-bottom:8px;
}

.b2bm-all-card strong{
  display:block;
  font-size:22px;
  line-height:1.05;
  color:#fff;
}

.b2bm-all-card small{
  display:block;
  margin-top:7px;
  color:#ffbe7b;
  font-weight:850;
}

.b2bm-category-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.b2bm-category-card{
  appearance:none;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  min-height:144px;
  padding:18px;
  display:grid;
  grid-template-columns:48px 1fr;
  grid-template-areas:
    "icon text"
    "files files";
  gap:12px;
  text-align:left;
  background:rgba(5,7,12,.78);
  color:#fff;
  cursor:pointer;
  box-shadow:0 16px 44px rgba(0,0,0,.25);
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.b2bm-category-card:hover,
.b2bm-category-card.active{
  transform:translateY(-4px);
  border-color:rgba(255,157,30,.44);
  background:
    radial-gradient(circle at 80% 10%, rgba(255,157,30,.18), transparent 32%),
    rgba(10,12,18,.92);
  box-shadow:0 26px 62px rgba(0,0,0,.36);
}

.b2bm-icon{
  grid-area:icon;
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:24px;
  background:linear-gradient(135deg,rgba(255,68,31,.22),rgba(255,157,30,.22));
}

.b2bm-card-text{
  grid-area:text;
  display:grid;
  gap:6px;
}

.b2bm-card-text strong{
  color:#fff;
  font-size:22px;
  line-height:1.05;
}

.b2bm-card-text small{
  color:#cdbda6;
  font-size:13px;
  line-height:1.35;
}

.b2bm-category-card em{
  grid-area:files;
  justify-self:start;
  align-self:end;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,157,30,.18);
  background:rgba(255,157,30,.09);
  color:#ffbe7b;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}

.b2bm-results[hidden]{
  display:none !important;
}

.b2bm-group[hidden]{
  display:none !important;
}

.b2bm-group-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.b2bm-group-head h3{
  margin:0;
  color:#fff;
  font-size:clamp(26px,3.4vw,42px);
  line-height:.95;
}

.b2bm-group-head span{
  color:#ffbe7b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.b2bm-download-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.b2bm-download-card{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(3,5,9,.84);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.b2bm-download-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,157,30,.34);
  box-shadow:0 28px 66px rgba(0,0,0,.36);
}

.b2bm-preview{
  display:block;
  position:relative;
  background:#07090d;
}

.b2bm-preview::after{
  content:'Preview';
  position:absolute;
  right:12px;
  bottom:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(7,8,11,.88);
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.b2bm-preview img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}

.b2bm-download-body{
  padding:14px;
  display:grid;
  gap:8px;
}

.b2bm-download-body strong{
  color:#fff;
  font-size:16px;
  line-height:1.12;
}

.b2bm-download-body span{
  color:#cdbda6;
  font-size:12px;
}

.b2bm-download-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.b2bm-footer{
  width:min(1180px, calc(100% - 28px));
  margin:0 auto !important;
}

@media(max-width:1050px){
  .b2bm-hero{
    grid-template-columns:1fr;
  }
  .b2bm-hero-image{
    min-height:auto;
  }
  .b2bm-hero-image img{
    aspect-ratio:16/9;
  }
  .b2bm-category-grid,
  .b2bm-download-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .b2bm-page{
    width:min(100% - 20px, 1180px) !important;
    padding-top:12px !important;
  }
  .b2bm-hero,
  .b2bm-panel{
    border-radius:24px;
  }
  .b2bm-hero-copy,
  .b2bm-panel{
    padding:18px;
  }
  .b2bm-hero-copy h1{
    font-size:45px !important;
  }
  .b2bm-panel-head,
  .b2bm-results-head{
    display:grid;
  }
  .b2bm-all-card{
    width:100%;
  }
  .b2bm-category-grid{
    display:flex !important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    gap:12px !important;
    padding-bottom:8px;
  }
  .b2bm-category-grid::-webkit-scrollbar{
    display:none;
  }
  .b2bm-category-card{
    min-width:86%;
    scroll-snap-align:center;
  }
  .b2bm-stats{
    grid-template-columns:1fr 1fr 1fr;
  }
  .b2bm-download-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px;
  }
  .b2bm-results-head .btn{
    width:100%;
  }
}

@media(max-width:520px){
  .b2bm-hero-copy h1{
    font-size:40px !important;
  }
  .b2bm-stats{
    grid-template-columns:1fr;
  }
  .b2bm-download-grid{
    grid-template-columns:1fr !important;
  }
  .b2bm-category-card{
    min-width:92%;
  }
  .b2bm-download-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .b2bm-download-actions .btn{
    width:100%;
  }
}


/* v22 media header, logo and hero refinements */
.b2bm-header{
  min-height:96px;
  padding-top:18px !important;
  padding-bottom:18px !important;
  background:rgba(5,6,9,.94) !important;
  border-bottom:1px solid rgba(255,157,30,.16) !important;
}

.b2bm-header .brand-pro{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:260px !important;
}

.b2bm-header .brand-pro > span:first-child{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  flex:0 0 54px !important;
  font-size:15px !important;
  line-height:1 !important;
}

.b2bm-header .brand-pro strong{
  display:grid !important;
  gap:4px !important;
  line-height:1 !important;
}

.b2bm-header .brand-pro strong b{
  display:block !important;
  white-space:nowrap !important;
  font-size:22px !important;
  letter-spacing:-.04em !important;
}

.b2bm-header .brand-pro strong b span{
  color:#ff3b27 !important;
  display:inline !important;
}

.b2bm-header .brand-pro small{
  display:block !important;
  white-space:nowrap !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
}

.b2bm-header nav{
  align-items:center !important;
}

.b2bm-hero{
  grid-template-columns:minmax(380px,.72fr) minmax(420px,1.28fr);
  min-height:520px;
}

.b2bm-hero-copy{
  padding:44px 36px 38px;
}

.b2bm-hero-copy h1{
  font-size:clamp(46px,5.2vw,72px) !important;
  max-width:620px;
}

.b2bm-hero-image{
  min-height:520px;
  position:relative;
}

.b2bm-hero-image::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,6,9,.22),transparent 22%,rgba(5,6,9,.04));
  pointer-events:none;
}

.b2bm-hero-image img{
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

.b2bm-stats{
  gap:12px;
}

.b2bm-stats div{
  min-height:82px;
  display:grid;
  align-content:center;
}

.b2bm-category-panel{
  margin-top:34px;
}

.b2bm-panel-head{
  align-items:flex-start;
}

.b2bm-all-card{
  margin-top:0;
  align-self:start;
}

.b2bm-category-grid{
  margin-top:22px;
}

.b2bm-category-card{
  min-height:132px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}

.b2bm-icon{
  background:linear-gradient(135deg,rgba(255,85,35,.35),rgba(255,157,30,.18)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,157,30,.16);
}

.b2bm-footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:30px !important;
}

@media(max-width:1050px){
  .b2bm-header .brand-pro{
    min-width:0 !important;
  }

  .b2bm-hero{
    grid-template-columns:1fr;
    min-height:0;
  }

  .b2bm-hero-image{
    min-height:auto;
  }

  .b2bm-hero-image img{
    aspect-ratio:16/9;
    object-position:center center !important;
  }
}

@media(max-width:760px){
  .b2bm-header{
    min-height:auto;
    padding:10px 12px !important;
  }

  .b2bm-header .brand-pro{
    gap:10px !important;
  }

  .b2bm-header .brand-pro > span:first-child{
    width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  .b2bm-header .brand-pro strong b{
    font-size:17px !important;
  }

  .b2bm-header .brand-pro small{
    font-size:9px !important;
    letter-spacing:.14em !important;
  }

  .b2bm-header nav{
    margin-top:6px !important;
  }

  .b2bm-hero-copy{
    padding:22px 18px 20px;
  }

  .b2bm-hero-copy h1{
    font-size:42px !important;
    line-height:.9 !important;
  }

  .b2bm-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .b2bm-stats div{
    min-height:70px;
    padding:12px 10px;
  }

  .b2bm-stats strong{
    font-size:20px;
  }

  .b2bm-category-panel{
    margin-top:18px;
  }
}

@media(max-width:520px){
  .b2bm-header .brand-pro strong b{
    font-size:15px !important;
  }

  .b2bm-header .brand-pro small{
    max-width:160px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .b2bm-hero-copy h1{
    font-size:38px !important;
  }

  .b2bm-stats{
    grid-template-columns:1fr;
  }
}


/* v23 image icons + header/logo refinements */
.b2bm-icon{
  overflow:hidden;
  padding:0 !important;
  background:#090b10 !important;
}
.b2bm-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.b2bm-category-card{
  grid-template-columns:64px 1fr !important;
}
.b2bm-icon{
  width:64px !important;
  height:64px !important;
  border-radius:18px !important;
}
.b2bm-card-text strong{
  font-size:24px;
}
.b2bm-header .brand-pro > span:first-child{
  box-shadow:0 14px 36px rgba(255,91,24,.28);
}
@media(max-width:760px){
  .b2bm-category-card{
    grid-template-columns:58px 1fr !important;
  }
  .b2bm-icon{
    width:58px !important;
    height:58px !important;
  }
}


/* v24 clean media hero crop and remove oversized text block feel */
.b2bm-hero{
  grid-template-columns:minmax(360px,.62fr) minmax(520px,1.38fr) !important;
  min-height:440px !important;
}
.b2bm-hero-copy{
  padding:34px 32px !important;
}
.b2bm-hero-copy h1{
  font-size:clamp(44px,4.4vw,64px) !important;
  max-width:520px !important;
}
.b2bm-hero-copy p:not(.eyebrow){
  max-width:480px !important;
}
.b2bm-hero-image{
  min-height:440px !important;
}
.b2bm-hero-image img{
  object-fit:contain !important;
  object-position:center center !important;
  padding:18px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,157,30,.08),transparent 42%),
    #07090d;
}
@media(max-width:1050px){
  .b2bm-hero{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .b2bm-hero-image{
    min-height:auto !important;
  }
  .b2bm-hero-image img{
    aspect-ratio:16/9;
    padding:12px;
  }
}
@media(max-width:760px){
  .b2bm-hero-copy h1{
    font-size:40px !important;
  }
}


/* v25 sync media page with main site header and size system */
.b2bm-header{
  padding:16px clamp(18px,4vw,54px) !important;
  background:rgba(5,6,9,.88) !important;
  backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.b2bm-header .brand{
  min-width:0 !important;
}

.b2bm-header .brand-mark{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
}

.b2bm-header nav{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:#f3dfbd;
  font-weight:700;
}

.b2bm-header nav a:hover{
  color:#ff9d1e;
}

.b2bm-quick-nav{
  width:min(1240px, calc(100% - 36px));
  margin:0 auto;
}

.b2bm-page{
  width:min(1240px, calc(100% - 36px)) !important;
  padding-top:24px !important;
}

.b2bm-hero{
  grid-template-columns:minmax(320px,.72fr) minmax(420px,1.08fr) !important;
}

.b2bm-download-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}

.b2bm-download-card{
  display:grid;
  overflow:hidden;
}

.b2bm-preview{
  background:#07090d;
}

.b2bm-preview.is-square img{
  aspect-ratio:1 / 1;
  object-fit:cover;
}

.b2bm-preview.is-wide img{
  aspect-ratio:16 / 9;
  object-fit:cover;
}

.b2bm-preview.is-portrait img{
  aspect-ratio:4 / 5;
  object-fit:cover;
}

.b2bm-card-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.b2bm-card-topline em{
  flex:0 0 auto;
  border:1px solid rgba(255,157,30,.18);
  background:rgba(255,157,30,.10);
  color:#ffbe7b;
  border-radius:999px;
  padding:6px 8px;
  font-style:normal;
  font-size:11px;
  font-weight:900;
  line-height:1;
}

.b2bm-download-body strong{
  max-width:100%;
}

.b2bm-download-body span{
  line-height:1.45;
}

.b2bm-footer{
  width:min(1240px, calc(100% - 36px));
  margin-top:18px !important;
}

@media(max-width:980px){
  .b2bm-download-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .b2bm-quick-nav{
    width:min(100% - 20px, 1240px);
  }
  .b2bm-page,
  .b2bm-footer{
    width:min(100% - 20px, 1240px) !important;
  }
  .b2bm-header nav{
    gap:12px;
  }
  .b2bm-card-topline{
    display:grid;
  }
}

@media(max-width:520px){
  .b2bm-download-grid{
    grid-template-columns:1fr;
  }
}


/* v26 500 repair + robust media layout */
.b2bm-preview img{
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  display:block;
}

.b2bm-card-topline,
.b2bm-card-topline em{
  display:none !important;
}

.b2bm-download-body > strong{
  display:block !important;
}

.b2bm-header .brand{
  gap:12px !important;
  align-items:center !important;
}

.b2bm-header .brand-mark{
  display:inline-grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--red),var(--orange)) !important;
  color:#fff !important;
  font-weight:900 !important;
}

.b2bm-header .brand strong{
  display:block !important;
  font-size:18px !important;
  letter-spacing:.4px !important;
}

.b2bm-header .brand strong span{
  color:var(--red) !important;
}

.b2bm-header .brand small{
  display:block !important;
  color:var(--muted) !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:1.8px !important;
}


/* v29 media page acts like main Bangers2Benners page */
.b2bm-header .logo-mark{
  padding:0 !important;
  overflow:hidden;
  background:#050609 !important;
  border:1px solid rgba(255,157,30,.38);
}
.b2bm-header .logo-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.b2bm-hero-image img{
  object-fit:cover !important;
  object-position:center !important;
  padding:0 !important;
}


/* v37 media page premium sync */
.b2bm-body{background:radial-gradient(circle at top left,rgba(255,157,30,.10),transparent 30%),#050609!important}
.b2bm-hero.section-bg,.b2bm-category-panel.section-bg{background-size:cover!important;background-position:center!important}
.b2bm-hero.section-bg::before,.b2bm-category-panel.section-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.90),rgba(5,6,9,.68)),radial-gradient(circle at 80% 22%,rgba(255,157,30,.13),transparent 34%);pointer-events:none;z-index:0}
.b2bm-hero.section-bg>*,.b2bm-category-panel.section-bg>*{position:relative;z-index:2}
.b2bm-hero{background-image:url('../img/backgrounds/media-hero-bg.jpg')!important}
.b2bm-category-panel{background-image:url('../img/backgrounds/media-category-bg.jpg')!important}
.b2bm-category-card{min-height:150px!important;background:rgba(4,6,10,.62)!important;backdrop-filter:blur(10px)}
.b2bm-category-card .b2bm-icon img{width:100%;height:100%;object-fit:cover}
.b2bm-download-card{background:rgba(4,6,10,.66)!important;backdrop-filter:blur(8px)}
.b2bm-footer{text-align:center!important;display:grid!important;justify-items:center!important;background:linear-gradient(180deg,rgba(3,4,7,.86),rgba(3,4,7,.96)),url('../img/backgrounds/footer-bg.jpg') center/cover no-repeat!important}
@media(max-width:760px){.b2bm-category-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.b2bm-category-card{min-width:0!important}}


/* v38 media tidy */
.app-quick-nav,
.b2bm-quick-nav{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
.b2bm-category-card{
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}
.b2bm-footer{
  text-align:center !important;
}


/* v39 media polish */
.b2bm-hero-image{display:flex !important;align-items:center;justify-content:center;background:rgba(4,6,10,.42)!important}
.b2bm-hero-image img{object-fit:contain !important;object-position:center !important;padding:0 !important;width:100% !important;height:100% !important;max-height:480px}
.b2bm-category-card{background:rgba(6,8,12,.46)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)}
.b2bm-icon{background:linear-gradient(180deg,rgba(255,157,30,.14),rgba(255,157,30,.05))!important;border:1px solid rgba(255,157,30,.24)!important;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.b2bm-icon img{width:100% !important;height:100% !important;object-fit:contain !important;padding:10px !important;filter:brightness(1.06) contrast(1.08)}
.b2bm-panel{background-color:rgba(5,7,11,.56)!important;backdrop-filter:blur(8px)}
.b2bm-category-panel::before{background:linear-gradient(90deg,rgba(8,10,15,.92),rgba(8,10,15,.72)),radial-gradient(circle at 80% 24%,rgba(255,157,30,.12),transparent 34%) !important}
@media(max-width:760px){
  .b2bm-hero-image img{max-height:none}
}


/* v40 dedicated media page finish */
.b2bm-header{
  box-shadow:0 14px 48px rgba(0,0,0,.36);
}

.b2bm-hero::before{
  background:
    linear-gradient(90deg,rgba(5,6,9,.92),rgba(5,6,9,.52)),
    radial-gradient(circle at 84% 22%,rgba(255,157,30,.14),transparent 34%) !important;
}

.b2bm-results{
  background:
    linear-gradient(90deg,rgba(7,9,14,.82),rgba(7,9,14,.62)),
    url('../img/backgrounds/media-category-bg.jpg') center / cover no-repeat !important;
  border:1px solid rgba(255,255,255,.10);
}

.b2bm-download-card{
  background:rgba(5,7,11,.64) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.b2bm-download-actions{
  align-items:center;
}


/* v41 media-specific layout repair */
.b2bm-panel-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(220px,280px) !important;
  gap:22px !important;
  align-items:start !important;
}

.b2bm-all-card{
  width:100% !important;
  max-width:280px !important;
  justify-self:end !important;
  overflow:hidden !important;
}

.b2bm-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  overflow:visible !important;
}

.b2bm-category-card{
  min-width:0 !important;
  width:100% !important;
}

@media(max-width:1050px){
  .b2bm-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .b2bm-panel-head{
    grid-template-columns:1fr !important;
  }
  .b2bm-all-card{
    max-width:none !important;
    justify-self:stretch !important;
  }
  .b2bm-category-grid{
    grid-template-columns:1fr !important;
  }
}


/* v42 media logo background/watermark */
.b2bm-category-panel::after{
  content:"";
  position:absolute;
  right:clamp(24px,7vw,110px);
  top:clamp(40px,8vw,100px);
  width:clamp(260px,38vw,560px);
  height:clamp(260px,38vw,560px);
  background:url('../img/b2b-logo.png') center / contain no-repeat;
  opacity:.115;
  filter:drop-shadow(0 0 42px rgba(255,115,24,.28));
  transform:rotate(-7deg);
  pointer-events:none;
  z-index:1;
}

.b2bm-category-panel > *{
  position:relative;
  z-index:3;
}

.b2bm-hero::after{
  content:"";
  position:absolute;
  right:4%;
  bottom:-18%;
  width:clamp(220px,28vw,420px);
  height:clamp(220px,28vw,420px);
  background:url('../img/b2b-logo.png') center / contain no-repeat;
  opacity:.07;
  filter:drop-shadow(0 0 40px rgba(255,115,24,.24));
  pointer-events:none;
  z-index:1;
}


/* v44 upgraded media category icons */
.b2bm-icon img{
  object-fit:cover !important;
  padding:0 !important;
  border-radius:15px !important;
}


/* v45 media speed */
.b2bm-download-card,
.b2bm-category-card,
.b2bm-panel{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.b2bm-download-card img{
  aspect-ratio:1/1;
  object-fit:cover;
}


/* v49 media speed + icon polish */
.b2bm-all-card,.b2bm-category-card{ text-decoration:none; color:inherit; }
.b2bm-category-card,.b2bm-all-card,.b2bm-download-card{ content-visibility:auto; contain-intrinsic-size: 320px; }
.b2bm-icon img{ image-rendering:auto; }
.b2bm-results{ margin-top:26px; }
.b2bm-all-card{ align-self:start; }


/* v50 mobile app-nav compatibility */
@media(max-width:820px){
  .b2bm-body{
    padding-bottom:92px;
  }
  .b2bm-page{
    padding-bottom:96px !important;
  }
}


/* v51 premium category icons */
.b2bm-category-card .b2bm-icon img{
  object-fit:cover !important;
  padding:0 !important;
  border-radius:16px !important;
}


/* v52 media icon refresh */
.b2bm-category-card .b2bm-icon{
  overflow:hidden;
  background: radial-gradient(circle at 50% 35%, rgba(255,132,25,.18), rgba(0,0,0,.88) 70%);
}
.b2bm-category-card .b2bm-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  border-radius:16px !important;
  display:block;
}


/* v53 media page premium tidy */
.b2bm-body{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,120,24,.08), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(255,157,30,.06), transparent 30%),
    #050609 !important;
}

.b2bm-page{
  max-width:1420px !important;
  padding-top:clamp(16px,2.2vw,30px) !important;
  padding-bottom:clamp(20px,3vw,42px) !important;
}

/* Hero tighter and more polished */
.b2bm-hero{
  border-radius:32px !important;
  margin-top:0 !important;
  margin-bottom:clamp(24px,3vw,42px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  box-shadow:0 30px 110px rgba(0,0,0,.42) !important;
}

.b2bm-hero-copy{
  padding:clamp(30px,4vw,60px) !important;
}

.b2bm-hero-copy h1{
  letter-spacing:-.065em !important;
  line-height:.91 !important;
  max-width:11ch;
}

.b2bm-hero-copy p{
  max-width:52ch;
  color:#ddcebb !important;
}

.b2bm-hero-image{
  min-height:300px !important;
  padding:clamp(18px,3vw,36px) !important;
}

.b2bm-hero-image picture,
.b2bm-hero-image img{
  display:block;
  width:100%;
}

.b2bm-hero-image img{
  object-fit:contain !important;
  border-radius:24px !important;
  max-height:360px !important;
}

/* Category panel: less empty space, more premium app feel */
.b2bm-category-panel{
  border-radius:32px !important;
  padding:clamp(24px,3.5vw,44px) !important;
  margin-top:0 !important;
  margin-bottom:clamp(18px,3vw,34px) !important;
  min-height:0 !important;
  background:
    linear-gradient(90deg, rgba(6,8,13,.86), rgba(6,8,13,.66)),
    radial-gradient(circle at 80% 18%, rgba(255,157,30,.12), transparent 35%),
    url('../img/backgrounds/media-category-bg.jpg') center / cover no-repeat !important;
}

.b2bm-panel-head{
  align-items:start !important;
  margin-bottom:22px !important;
}

.b2bm-panel-head h2{
  letter-spacing:-.055em;
  line-height:.96;
}

.b2bm-panel-head p{
  max-width:68ch;
  color:#d9cbb9 !important;
}

.b2bm-quick-help{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 22px;
}

.b2bm-quick-help span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  color:#ffbe7b;
  font-size:12px;
  font-weight:900;
  background:rgba(255,157,30,.08);
  border:1px solid rgba(255,157,30,.18);
}

/* All downloads card: cleaner desktop placement */
.b2bm-all-card{
  border-radius:24px !important;
  min-height:118px !important;
  align-self:start !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(255,157,30,.20), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(7,9,14,.82) !important;
}

.b2bm-all-card strong{
  font-size:clamp(20px,2vw,28px) !important;
}

/* Cards: sharper and more even */
.b2bm-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.b2bm-category-card{
  min-height:154px !important;
  border-radius:24px !important;
  padding:20px !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  gap:10px 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(5,7,11,.74) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.25);
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.b2bm-category-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,157,30,.42) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,157,30,.08), transparent 42%),
    rgba(8,10,15,.86) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}

.b2bm-category-card .b2bm-icon{
  grid-row:1 / span 2 !important;
  width:66px !important;
  height:66px !important;
  border-radius:20px !important;
  align-self:start;
}

.b2bm-category-card .b2bm-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  padding:0 !important;
  border-radius:18px !important;
  display:block !important;
}

.b2bm-card-text{
  align-self:center;
  display:grid;
  gap:5px;
}

.b2bm-card-text strong{
  font-size:clamp(21px,2vw,28px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em;
}

.b2bm-card-text small{
  color:#d6c7b5 !important;
  line-height:1.35;
}

.b2bm-category-card em{
  grid-column:2 !important;
  justify-self:start;
  align-self:end;
  margin-top:4px;
}

/* Remove dead-looking empty bottom from category panel */
.b2bm-category-panel::after{
  opacity:.09 !important;
  width:clamp(260px,30vw,460px) !important;
  height:clamp(260px,30vw,460px) !important;
  right:clamp(12px,5vw,80px) !important;
  bottom:-70px !important;
  top:auto !important;
}

/* Results section if a pack is opened */
.b2bm-results{
  border-radius:32px !important;
  padding:clamp(22px,3vw,38px) !important;
  margin-top:clamp(18px,3vw,30px) !important;
  background:
    linear-gradient(90deg, rgba(6,8,13,.88), rgba(6,8,13,.70)),
    url('../img/backgrounds/media-category-bg.jpg') center / cover no-repeat !important;
}

.b2bm-results-head{
  align-items:center;
  gap:18px;
  margin-bottom:22px;
}

.b2bm-download-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}

.b2bm-download-card{
  border-radius:22px !important;
  overflow:hidden;
  background:rgba(5,7,11,.76) !important;
  border:1px solid rgba(255,255,255,.11) !important;
}

.b2bm-download-card img{
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
}

/* Footer closer and less odd */
.b2bm-footer,
.site-footer{
  margin-top:24px !important;
}

@media(max-width:1120px){
  .b2bm-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .b2bm-download-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .b2bm-page{
    padding:12px 10px 96px !important;
  }

  .b2bm-hero{
    border-radius:24px !important;
    margin-bottom:18px !important;
  }

  .b2bm-hero-copy{
    padding:24px !important;
  }

  .b2bm-hero-image{
    min-height:190px !important;
    padding:16px !important;
  }

  .b2bm-panel-head{
    grid-template-columns:1fr !important;
  }

  .b2bm-all-card{
    max-width:none !important;
    width:100% !important;
    justify-self:stretch !important;
  }

  .b2bm-category-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .b2bm-category-card{
    min-height:132px !important;
    padding:16px !important;
    grid-template-columns:62px minmax(0,1fr) !important;
    border-radius:20px !important;
  }

  .b2bm-category-card .b2bm-icon{
    width:58px !important;
    height:58px !important;
    border-radius:17px !important;
  }

  .b2bm-card-text strong{
    font-size:22px !important;
  }

  .b2bm-download-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .b2bm-results-head{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:520px){
  .b2bm-hero-copy h1{
    max-width:9ch;
  }

  .b2bm-download-grid{
    grid-template-columns:1fr !important;
  }

  .b2bm-quick-help span{
    width:100%;
    justify-content:center;
  }
}


/* v54 mobile/tablet header spacing support */
@media(max-width:980px){
  .b2bm-body .site-header{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* v55 cache bump */

/* v58 share sheet compatibility */
.b2bm-download-actions .share-media{ cursor:pointer; }