/* v12.10.332 - Titlurile lungi se micsoreaza in header; continutul paginii nu este mutat. */
html body .page-title[data-op-page-title-fit="1"]{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip;
  max-height:1em!important;
  line-height:.96!important;
  font-size:var(--op-page-title-fit,var(--font-size,clamp(18px,1.45vw,28px)))!important;
  transition:none!important;
}

/* Fallback determinist daca o pagina clonata de motorul revistei este ascunsa in
   momentul masurarii JavaScript. Inaltimea headerului ramane neschimbata. */
html body .page-title.op-page-title-long[data-op-page-title-fit="1"]{
  font-size:var(--op-page-title-fit,15px)!important;
  letter-spacing:0!important;
}
html body .page-title.op-page-title-very-long[data-op-page-title-fit="1"]{
  font-size:var(--op-page-title-fit,10px)!important;
  letter-spacing:0!important;
}

/* In cititorul vertical sunt permise doua randuri, dar niciodata un al treilea. */
html body.nc-mobile-portrait-page .page-title[data-op-page-title-fit="1"],
html body.nc-editor-page.nc-editor-mobile-mode .page-title[data-op-page-title-fit="1"]{
  white-space:normal!important;
  overflow-wrap:anywhere;
  max-height:1.92em!important;
  line-height:.96!important;
  font-size:var(--op-page-title-fit,var(--m-font-size,var(--font-size,clamp(18px,5.8vw,30px))))!important;
}

html body .m2-page-head>.page-title{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  max-height:1.94em;
  line-height:.97!important;
  font-size:var(--op-page-title-fit,clamp(21px,6vw,24px))!important;
}

/* v12.10.342 - mixed two-product pages show the canonical category above each slot. */
html body .page-title.op-page-title-split{
  display:grid!important;
  width:100%;
  min-width:0;
  max-width:100%;
  gap:clamp(8px,1vw,18px);
  white-space:normal!important;
  overflow:visible!important;
  max-height:none!important;
  line-height:.9!important;
  text-overflow:clip;
}
html body .page-title.op-page-title-split-x{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:end;
}
html body .page-title.op-page-title-split-y{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:2px;
}
html body .op-page-category-title{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:clip;
  font-family:Arial,Helvetica,sans-serif;
  font-size:var(--op-page-category-fit,clamp(14px,1.45vw,25px));
  font-weight:700;
  line-height:1;
  letter-spacing:.1px;
  text-transform:uppercase;
  border-bottom:clamp(2px,.22vw,4px) solid rgba(33,20,7,.42);
  padding:0 0 4px;
  transition:none!important;
}
html body .op-page-title-split-x .op-page-category-title:first-child{text-align:left}
html body .op-page-title-split-x .op-page-category-title:last-child{text-align:right}
html body .op-page-title-split-y .op-page-category-title{text-align:left;font-size:var(--op-page-category-fit,clamp(14px,1.25vw,22px))}
html body .op-page-category-title[data-op-category-id="11"]{border-color:#d47792}
html body .op-page-category-title[data-op-category-id="1"]{border-color:#438256}
html body .op-page-category-title[data-op-category-id="6"]{border-color:#6c4ca0}
html body .op-page-category-title[data-op-category-id="7"]{border-color:#b85432}
html body .op-page-category-title[data-op-category-id="3"]{border-color:#447aa7}
html body .op-page-category-title[data-op-category-id="2"]{border-color:#c94135}
html body .op-page-category-title[data-op-category-id="10"]{border-color:#b55ca0}

@media(max-width:760px){
  html body .page-title.op-page-title-split{gap:5px;line-height:.94!important}
  html body .page-title.op-page-title-split-x{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  html body .op-page-category-title,
  html body .op-page-title-split-y .op-page-category-title{font-size:var(--op-page-category-fit,clamp(13px,4.4vw,21px));padding-bottom:3px}
}

/* v12.10.347 - every offer uses a consistent rectangular bar. */
html body .product-card .op-reduction-label,
html body .product-card .op-reduction-percent,
html body .product-card .op-offer-label{
  transform:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
html body .product-card .op-reduction-label,
html body .product-card .op-offer-label{background:#111!important;color:#fff!important}
html body .product-card .op-reduction-percent{background:#8e2f19!important;color:#fff!important}