/* "לכל המגוון — עמוד בדארק": the client asked for this page to be the dark one
   in the set. Navy is the brandbook's primary, cream carries the type, and the
   orange stays the single accent. Contrast targets AA against #06324a. */
.ranges-page{background:#06324a;color:#f2e3ce}
/* The shell pads below <main>, which left a 96px band of the page background
   showing between the last range and the footer. Paint the container too. */
.pn-shell-content:has(.ranges-page){background:#06324a}
.ranges-page .pn-hero{background-color:#06324a}
.ranges-page .pn-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,50,74,.92),rgba(6,50,74,.58));pointer-events:none}
.ranges-page .pn-hero__layers{position:absolute;inset:0;z-index:1}
.ranges-page .pn-hero__title,.ranges-page .pn-hero__sub-text{color:#fff}
.ranges-page .pn-hero__title em{color:#e85e46}
.ranges-page .pn-hero__btn{background:#f2e3ce;color:#06324a}
.ranges-page .pn-hero__btn:hover{background:#fff;color:#06324a}

.rz-showcase{overflow:hidden;background:#06324a}
.rz-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.rz-row{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:center;padding-block:clamp(5.5rem,9vw,9rem);border-bottom:1px solid rgba(242,227,206,.18)}
.rz-row::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:#06324a}
.rz-row:nth-child(even)::before{background:#0a4a68}
.rz-row:last-child{border-bottom:0}
.rz-row .rz-text{order:1}
.rz-row .rz-media{order:2}
.rz-row--flip .rz-text{order:2}
.rz-row--flip .rz-media{order:1}
.rz-text{min-width:0;max-width:560px;text-align:start}
.rz-title{margin:0;color:#f2e3ce;font-family:var(--pn-font-head);font-size:clamp(3.4rem,7vw,6.4rem);font-weight:700;line-height:.95}
.rz-tag{margin:.85rem 0 1.25rem;color:#f7a897;font-size:1.04rem;font-weight:700;letter-spacing:0;line-height:1.5}
.rz-lead{margin:0;color:#cbddec;font-size:1.08rem;line-height:1.9}
.rz-feats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2.2rem 0 2.5rem}
.rz-feat{display:flex;align-items:center;gap:.9rem;min-width:0;padding-block:1rem;border-block:1px solid rgba(242,227,206,.2)}
.rz-feat img{flex:0 0 auto;width:50px;height:50px;object-fit:contain;padding:5px;border-radius:12px;background:#f2e3ce}
.rz-feat h3{margin:0;color:#f2e3ce;font-family:var(--pn-font-body);font-size:.95rem;line-height:1.5}
.rz-ctas{display:flex;flex-wrap:wrap;gap:.8rem}
.ranges-page .pn-btn--coral,.rz-btn-catalog{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.7rem;border:1px solid #f2e3ce;border-radius:999px;background:#f2e3ce;color:#06324a;font-weight:800;transition:background-color .28s var(--pn-ease),color .28s var(--pn-ease),border-color .28s var(--pn-ease),transform .42s var(--pn-ease-spring)}
.ranges-page .pn-btn--coral:hover,.ranges-page .pn-btn--coral:focus-visible,.rz-btn-catalog:hover,.rz-btn-catalog:focus-visible{background:#e85e46;border-color:#e85e46;color:#04202f;transform:translateY(-3px) scale(1.02)}
.rz-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.7rem;border:1px solid rgba(242,227,206,.55);border-radius:999px;color:#f2e3ce;font-weight:700;transition:background-color .28s var(--pn-ease),color .28s var(--pn-ease),transform .42s var(--pn-ease-spring)}
.rz-btn-ghost:hover,.rz-btn-ghost:focus-visible{background:#f2e3ce;color:#06324a;transform:translateY(-3px) scale(1.02)}
.ranges-page .pn-btn--coral:active,.rz-btn-catalog:active,.rz-btn-ghost:active{transform:scale(.98)}
.rz-btn-catalog:focus-visible,.ranges-page .pn-btn--coral:focus-visible,.rz-btn-ghost:focus-visible{outline:3px solid #e85e46;outline-offset:3px}
.rz-media{min-width:0}
.rz-media img{display:block;width:100%;max-width:500px;height:500px;margin-inline:auto;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,0,0,.45));transition:transform .6s var(--pn-ease-spring)}
.rz-media:hover img,.rz-row:focus-within .rz-media img{transform:translateY(-10px) scale(1.03)}
.rz-media--awaiting{display:flex;align-items:center;justify-content:center;min-height:420px}
.rz-awaiting{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,360px);aspect-ratio:1;padding:2.2rem 1.8rem;border-radius:50%;background:#f2e3ce;color:#06324a;text-align:center}
.rz-awaiting__word{font-family:var(--pn-font-display);font-size:clamp(2.2rem,4.6vw,3.2rem);font-weight:700;letter-spacing:.08em;line-height:1}
.rz-awaiting__rule{display:block;width:2.6rem;height:3px;margin:1.05rem 0 .85rem;background:#e85e46}
.rz-awaiting__note{margin:0;max-width:12.5em;font-size:.9rem;font-weight:600;line-height:1.55}

@media(max-width:900px){
  .rz-wrap{width:min(100% - 32px,1240px)}
  .rz-row,.rz-row--flip{grid-template-columns:1fr;gap:2.5rem;padding-block:4.5rem}
  .rz-row .rz-text,.rz-row .rz-media,.rz-row--flip .rz-text,.rz-row--flip .rz-media{order:0}
  .rz-text{max-width:none}
  .rz-media img{height:360px}
  .rz-media--awaiting{min-height:300px}
}

@media(max-width:560px){
  .rz-row{padding-block:3.8rem}
  .rz-feats{grid-template-columns:1fr;gap:0}
  .rz-feat+.rz-feat{border-top:0}
  .rz-ctas{flex-direction:column}
  .rz-ctas a{width:100%}
  .rz-media img{height:290px}
  .rz-media--awaiting{min-height:260px}
  .rz-awaiting{width:min(100%,280px)}
}

@media(prefers-reduced-motion:reduce){.rz-media img,.rz-ctas a{transition:none;transform:none!important}}

@media(max-width:900px){
  .rz-wrap{width:auto;margin-inline:var(--pn-mobile-gutter)}
  .rz-row,.rz-row--flip{gap:28px;padding-block:var(--pn-mobile-section)}
  .rz-title{font-size:clamp(2.6rem,11vw,4.5rem);line-height:1}
  .rz-tag{margin:.65rem 0 1rem}
  .rz-lead{font-size:17px;line-height:1.75}
  .rz-feats{margin:28px 0 32px}
  .rz-media img{height:min(44svh,360px)}
}

@media(max-width:560px){
  .rz-row{padding-block:48px}
  .rz-title{font-size:42px}
  .rz-media img{height:260px}
  .rz-media--awaiting{min-height:230px}
  .rz-awaiting{width:min(100%,240px)}
}