/* CYPROS RC27 — Product hero premium / screen only
   Exact approved product asset. Print remains owned by RC26. */
@media screen {
  body.single-cy_equipment .cy-print-components,
  body.single-cy_equipment .cy-print-sheet-header,
  body.single-cy_equipment .cy-print-sheet-footer { display:none !important; }

  body.single-cy_equipment .cy-product-hero {
    position:relative;
    overflow:hidden;
    padding:clamp(2rem,3vw,3.25rem) 0 clamp(2.6rem,4vw,4.5rem);
    background:#fff;
    border-bottom:1px solid rgba(17,17,17,.12);
    isolation:isolate;
  }
  body.single-cy_equipment .cy-product-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background-image:
      linear-gradient(rgba(17,17,17,.028) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.028) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%);
  }
  body.single-cy_equipment .cy-product-hero::after {
    content:"";
    position:absolute;
    right:0;
    top:23%;
    width:min(42vw,44rem);
    height:1px;
    background:linear-gradient(90deg,transparent,#f4c300 28%,#f4c300 100%);
    opacity:.78;
    transform-origin:right center;
    animation:cyRc27Line 900ms cubic-bezier(.2,.75,.2,1) both 240ms;
    pointer-events:none;
  }

  body.single-cy_equipment .cy-product-hero > .cy-container {
    width:min(100% - clamp(2rem,5vw,6rem), 94rem) !important;
    max-width:none !important;
  }
  body.single-cy_equipment .cy-product-hero__top {
    position:relative;
    z-index:3;
    padding-bottom:1rem;
    border-bottom:1px solid #111;
  }
  body.single-cy_equipment .cy-product-hero__grid {
    grid-template-columns:minmax(0,.88fr) minmax(34rem,1.12fr) !important;
    gap:clamp(1.5rem,3.2vw,4rem) !important;
    min-height:clamp(34rem,62vh,45rem) !important;
    padding-top:clamp(2.2rem,4vw,4.25rem) !important;
  }
  body.single-cy_equipment .cy-product-hero__content {
    position:relative;
    z-index:4;
    max-width:40rem !important;
  }
  body.single-cy_equipment .cy-product-hero__model {
    margin-bottom:1rem;
    color:#111;
    font-size:.68rem;
    letter-spacing:.16em;
  }
  body.single-cy_equipment .cy-product-hero__model::before {
    content:"";
    width:1.75rem;
    height:3px;
    margin:auto .1rem auto 0;
    background:#f4c300;
  }
  body.single-cy_equipment .cy-product-hero__content h1 {
    max-width:10.5ch !important;
    font-size:clamp(3.35rem,5vw,5.8rem) !important;
    line-height:.88 !important;
    letter-spacing:-.062em !important;
    text-wrap:balance;
  }
  body.single-cy_equipment .cy-product-hero__lead {
    max-width:36rem !important;
    margin-top:1.45rem !important;
    font-size:clamp(.96rem,1vw,1.08rem) !important;
    line-height:1.62 !important;
    color:#4a4a4a !important;
  }

  /* Product image: no card, no grey box. Exact user-selected asset. */
  body.single-cy_equipment .cy-product-hero__media.cy-product-gallery {
    position:relative !important;
    align-self:stretch;
    min-height:clamp(31rem,55vh,41rem) !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    overflow:visible !important;
    isolation:isolate;
  }
  body.single-cy_equipment .cy-product-hero__media.cy-product-gallery::before {
    content:"" !important;
    display:block !important;
    position:absolute;
    z-index:2;
    inset:2% -3% 0 0;
    background-image:url('https://cyprospower.com/wp-content/uploads/2026/09/generador_electrico_o_planta_de_luz_2-1.png');
    background-repeat:no-repeat;
    background-position:right center;
    background-size:contain;
    filter:drop-shadow(0 26px 24px rgba(0,0,0,.18));
    transform-origin:70% 60%;
    animation:cyRc27MachineIn 900ms cubic-bezier(.18,.82,.22,1) both 120ms;
    pointer-events:none;
  }
  body.single-cy_equipment .cy-product-hero__media.cy-product-gallery::after {
    content:"" !important;
    display:block !important;
    position:absolute;
    z-index:1;
    right:2%;
    bottom:8%;
    width:74%;
    height:18%;
    border-bottom:1px solid rgba(17,17,17,.14);
    border-right:1px solid rgba(17,17,17,.14);
    background:
      linear-gradient(90deg,transparent 0 14%,rgba(244,195,0,.18) 14% 14.4%,transparent 14.4%),
      linear-gradient(0deg,rgba(17,17,17,.035) 1px,transparent 1px);
    background-size:auto,100% 20px;
    pointer-events:none;
  }
  body.single-cy_equipment .cy-product-gallery__image,
  body.single-cy_equipment .cy-product-gallery__controls,
  body.single-cy_equipment .cy-product-gallery__reference { display:none !important; }

  /* Metrics become an editorial technical rail, not four cards. */
  body.single-cy_equipment .cy-product-hero__metrics {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    max-width:46rem !important;
    margin-top:1.85rem !important;
    border:0 !important;
    border-top:1px solid #111 !important;
    border-bottom:1px solid rgba(17,17,17,.16) !important;
    background:transparent !important;
  }
  body.single-cy_equipment .cy-product-hero__metrics > div,
  body.single-cy_equipment .cy-product-hero__metrics > div:not(:first-child),
  body.single-cy_equipment .cy-product-hero__metric-current {
    position:relative;
    min-height:5.35rem !important;
    padding:1rem .9rem .9rem 0 !important;
    border:0 !important;
    border-right:1px solid rgba(17,17,17,.12) !important;
    background:transparent !important;
    color:#111 !important;
  }
  body.single-cy_equipment .cy-product-hero__metrics > div:not(:first-child) { padding-left:.9rem !important; }
  body.single-cy_equipment .cy-product-hero__metrics > div:last-child { border-right:0 !important; }
  body.single-cy_equipment .cy-product-hero__metrics > div::before {
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:1.65rem;
    height:3px;
    background:#f4c300;
    transform:scaleX(0);
    transform-origin:left;
    animation:cyRc27Metric 650ms ease forwards;
  }
  body.single-cy_equipment .cy-product-hero__metrics > div:nth-child(2)::before{animation-delay:80ms}
  body.single-cy_equipment .cy-product-hero__metrics > div:nth-child(3)::before{animation-delay:160ms}
  body.single-cy_equipment .cy-product-hero__metrics > div:nth-child(4)::before{animation-delay:240ms}
  body.single-cy_equipment .cy-product-hero__metrics > div:nth-child(5)::before{animation-delay:320ms}
  body.single-cy_equipment .cy-product-hero__metrics span,
  body.single-cy_equipment .cy-product-hero__metric-current span {
    color:#747474 !important;
    font-size:.55rem !important;
    letter-spacing:.1em !important;
  }
  body.single-cy_equipment .cy-product-hero__metrics strong,
  body.single-cy_equipment .cy-product-hero__metrics > div:first-child strong,
  body.single-cy_equipment .cy-product-hero__metric-current strong {
    color:#111 !important;
    font-size:clamp(1.18rem,1.45vw,1.55rem) !important;
  }
  body.single-cy_equipment .cy-product-hero__metrics small,
  body.single-cy_equipment .cy-product-hero__metrics em,
  body.single-cy_equipment .cy-product-hero__metric-current small,
  body.single-cy_equipment .cy-product-hero__metric-current em { color:#777 !important; }

  body.single-cy_equipment .cy-product-hero__actions {
    justify-content:flex-start !important;
    gap:1.4rem !important;
    margin-top:1.5rem !important;
  }
  body.single-cy_equipment .cy-product-hero__actions .cy-button--primary {
    min-height:3.25rem;
    padding-inline:1.45rem;
    border:1px solid #111;
    background:#111;
    color:#fff;
    transition:transform .28s ease,background-color .28s ease,color .28s ease;
  }
  body.single-cy_equipment .cy-product-hero__actions .cy-button--primary:hover {
    transform:translateY(-3px);
    background:#f4c300;
    color:#111;
  }
  body.single-cy_equipment .cy-product-hero__text-link {
    position:relative;
    min-height:3.25rem;
  }
  body.single-cy_equipment .cy-product-hero__text-link::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:.45rem;
    height:1px;
    background:#f4c300;
    transform:scaleX(.22);
    transform-origin:left;
    transition:transform .3s ease;
  }
  body.single-cy_equipment .cy-product-hero__text-link:hover::after { transform:scaleX(1); }

  @keyframes cyRc27MachineIn {
    from { opacity:0; transform:translate3d(72px,18px,0) scale(.975); clip-path:inset(0 0 0 34%); }
    to { opacity:1; transform:translate3d(0,0,0) scale(1); clip-path:inset(0 0 0 0); }
  }
  @keyframes cyRc27Line { from{transform:scaleX(0);opacity:0} to{transform:scaleX(1);opacity:.78} }
  @keyframes cyRc27Metric { to{transform:scaleX(1)} }

  @media (max-width:1100px) {
    body.single-cy_equipment .cy-product-hero__grid {
      grid-template-columns:minmax(0,1fr) minmax(25rem,.9fr) !important;
      min-height:auto !important;
    }
    body.single-cy_equipment .cy-product-hero__media.cy-product-gallery { min-height:30rem !important; }
    body.single-cy_equipment .cy-product-hero__metrics { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  }
  @media (max-width:820px) {
    body.single-cy_equipment .cy-product-hero > .cy-container { width:min(100% - 2rem, 46rem) !important; }
    body.single-cy_equipment .cy-product-hero__grid { grid-template-columns:1fr !important; gap:.75rem !important; padding-top:2rem !important; }
    body.single-cy_equipment .cy-product-hero__content h1 { font-size:clamp(2.8rem,12vw,4.5rem) !important; }
    body.single-cy_equipment .cy-product-hero__media.cy-product-gallery { min-height:22rem !important; order:2; }
    body.single-cy_equipment .cy-product-hero__media.cy-product-gallery::before { inset:0 -2% 0 0; background-position:center; }
    body.single-cy_equipment .cy-product-hero::after { top:auto; bottom:25rem; width:72vw; }
    body.single-cy_equipment .cy-product-hero__metrics { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    body.single-cy_equipment .cy-product-hero__metrics > div { min-height:4.7rem !important; }
  }
  @media (max-width:520px) {
    body.single-cy_equipment .cy-product-hero { padding-top:1.25rem; }
    body.single-cy_equipment .cy-product-hero__top { gap:.75rem; }
    body.single-cy_equipment .cy-product-hero__sku-label { display:none; }
    body.single-cy_equipment .cy-product-hero__media.cy-product-gallery { min-height:18rem !important; }
    body.single-cy_equipment .cy-product-hero__metrics { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    body.single-cy_equipment .cy-product-hero__actions { align-items:stretch !important; }
  }

  @media (prefers-reduced-motion:reduce) {
    body.single-cy_equipment .cy-product-hero::after,
    body.single-cy_equipment .cy-product-hero__media.cy-product-gallery::before,
    body.single-cy_equipment .cy-product-hero__metrics > div::before { animation:none !important; transform:none !important; opacity:1 !important; clip-path:none !important; }
  }
}