/* Page-specific styling for a configured category product image.
   Default catalog-hero-mark remains untouched when a category has no image. */
.catalog-hero.catalog-hero--has-image { position:relative;isolation:isolate;min-height:190px; }
.catalog-hero--has-image .catalog-hero-inner { position:relative;z-index:2;max-width:1280px;padding-right:clamp(205px,27vw,345px); }
.catalog-hero--has-image .catalog-hero-mark--category { display:flex!important;align-items:center;justify-content:center;position:absolute;z-index:2;right:max(calc((100% - 1280px)/2),24px);top:50%;transform:translateY(-50%);height:clamp(145px,15vw,195px);width:clamp(180px,23vw,290px);padding:8px;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;opacity:1;pointer-events:none; }
.catalog-hero--has-image .catalog-hero-mark--category img { width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 17px 30px rgba(0,0,0,.34)); }
@media(max-width:900px){
  .catalog-hero--has-image .catalog-hero-inner{padding-right:230px;}
  .catalog-hero--has-image .catalog-hero-mark--category{right:24px;width:195px;height:150px;}
}
@media(max-width:680px){
  .catalog-hero.catalog-hero--has-image{min-height:156px;}
  .catalog-hero--has-image .catalog-hero-inner{padding-right:120px;}
  .catalog-hero--has-image .catalog-hero-inner h1{max-width:100%;font-size:clamp(23px,6vw,29px);overflow-wrap:anywhere;}
  .catalog-hero--has-image .catalog-hero-inner p{max-width:100%;font-size:11px;}
  .catalog-hero--has-image .catalog-hero-mark--category{right:10px;width:104px;height:110px;display:flex!important;}
}
@media(max-width:390px){.catalog-hero--has-image .catalog-hero-inner{padding-right:102px}.catalog-hero--has-image .catalog-hero-mark--category{width:92px;height:96px;right:6px}}
