/* Stay card: the whole card is the photograph. Type is set into it; a white button block closes it. */
.rzc{--hof:#1a2a38;--rausch:#f5794f;--rausch-600:#e0602f;--sand:#f1cf9d;--warm:#2a2119;
  position:relative;display:grid;min-width:0;container-type:inline-size;aspect-ratio:.6;border-radius:24px;overflow:clip;background:var(--warm);color:#fff;isolation:isolate;
  box-shadow:0 2px 4px rgba(40,25,10,.10),0 14px 30px rgba(40,25,10,.18);transition:transform .25s,box-shadow .25s;
  font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
.rzc *,.rzc *::before,.rzc *::after{box-sizing:border-box}
.rzc:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(40,25,10,.12),0 24px 46px rgba(40,25,10,.28)}
.rzc a{color:inherit;text-decoration:none}
.rzc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2;transition:transform .7s ease}
.rzc:hover .rzc-img{transform:scale(1.05)}
.rzc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(18,14,10,.6) 0%,rgba(18,14,10,.16) 22%,rgba(18,14,10,0) 36%,rgba(18,14,10,.5) 52%,rgba(18,14,10,.88) 74%,rgba(18,14,10,.95) 100%)}
.rzc-hit{position:absolute;inset:0;z-index:1}
.rzc-flow{grid-area:1/1;position:relative;z-index:2;display:flex;flex-direction:column;pointer-events:none;min-height:0}
.rzc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:5cqw 5.5cqw 0}
.rzc-kind{display:grid;gap:2px;min-width:0}
.rzc-kind b{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:clamp(13px,9.4cqw,34px);font-weight:500;letter-spacing:.02em;line-height:1;text-transform:uppercase;color:var(--sand);text-shadow:0 2px 16px rgba(0,0,0,.4)}
.rzc-kind span{font-size:clamp(7.5px,3.6cqw,13px);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(241,207,157,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rzc-where{flex:0 0 auto;max-width:44%;text-align:right;font-size:clamp(7px,3.3cqw,12px);font-weight:500;letter-spacing:.07em;text-transform:uppercase;line-height:1.35;color:rgba(255,255,255,.82)}
.rzc-mid{margin-top:auto;display:grid;gap:2.2cqw;padding:0 5.5cqw 3cqw}
.rzc-mid h3{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:clamp(14px,9.2cqw,34px);font-weight:500;line-height:1.08;letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 3px 18px rgba(0,0,0,.45)}
.rzc-price{font-size:clamp(9px,4cqw,15px);color:rgba(255,255,255,.78)}
.rzc-price b{font-size:1.2em;font-weight:700;color:#fff;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rzc-price s{margin-left:9px;font-size:.86em;color:rgba(255,255,255,.5)}
.rzc-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rzc-facts div{display:flex;align-items:center;gap:8px;min-width:0}
.rzc-facts svg{flex:0 0 auto;width:clamp(12px,6.4cqw,25px);height:clamp(19px,6.4cqw,25px);fill:none;stroke:var(--sand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rzc-facts .gold svg{fill:var(--sand)}
.rzc-facts span{display:grid;font-size:clamp(9.5px,4.2cqw,16px);font-weight:500;line-height:1.22;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rzc-facts small{font-size:.8em;font-weight:400;color:rgba(255,255,255,.62)}
/* the button block: Get Quote and open on top, Proposal and Similar below */
.rzc-acts{pointer-events:auto;margin:0 3cqw 3cqw;padding:2.4cqw;background:#fff;border-radius:5cqw;display:grid;gap:2cqw;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.rzc-r1{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.rzc-r2{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.rzc-q{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--hof);color:#fff!important;border-radius:3.4cqw;padding:clamp(6px,3.4cqw,13px) 6px;font-size:clamp(9.5px,4.3cqw,15.5px);font-weight:700;transition:background .15s}
.rzc-q:hover{background:var(--rausch-600)}
.rzc .rzc-open{color:var(--hof)}
.rzc-open{display:flex;align-items:center;justify-content:center;width:clamp(40px,12.5cqw,48px);border:1px solid #e3e3e3;border-radius:3.4cqw;color:var(--hof);background:#fff;transition:border-color .15s,color .15s}
.rzc-open:hover{border-color:var(--hof)}
.rzc-b{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e3e3e3;border-radius:3.4cqw;background:#fff;color:#5a5a5a!important;padding:clamp(5px,2.6cqw,10px) 6px;font-size:clamp(9.5px,4cqw,14.5px);font-weight:600;transition:border-color .15s,color .15s}
.rzc-b:hover{border-color:var(--hof);color:var(--hof)!important}
.rzc-q svg,.rzc-open svg,.rzc-b svg{width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rzc-open svg{width:17px;height:17px}
.rzc-now{white-space:nowrap}
/* pages that list stays in a grid use the card at a compact width */
.rz-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:22px!important}

.rzc-beat{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(180deg,#f78a5d,#e8683a);color:#fff!important;border-radius:3.4cqw;padding:clamp(10px,3.4cqw,13px) 8px;font-size:clamp(9.5px,4.1cqw,15px);font-weight:700;white-space:nowrap;transition:filter .15s}
.rzc-beat:hover{filter:brightness(1.07)}
.rzc-beat svg{width:1.1em;height:1.1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rzc-q{white-space:nowrap}

/* narrow cards: tighter labels so nothing spills out of a button */
.rzc-q,.rzc-beat,.rzc-b{min-width:0;overflow:hidden;text-overflow:ellipsis}
@container (max-width:290px){
  .rzc-q,.rzc-beat{font-size:12.5px;gap:5px;padding-inline:6px}
  .rzc-b{font-size:12.5px;gap:5px;padding-inline:6px}
  .rzc-q svg{display:none}
}
@container (max-width:235px){
  .rzc-beat svg,.rzc-b svg{display:none}
  .rzc-q,.rzc-beat,.rzc-b{font-size:12px}
}

/* about half size: drop the finer details when a card gets this small */
@container (max-width:200px){
  .rzc-facts small,.rzc-kind span{display:none}
  .rzc-q svg,.rzc-beat svg,.rzc-b svg{display:none}
  .rzc-q,.rzc-beat,.rzc-b{font-size:9.5px;gap:3px;padding-inline:3px}
  .rzc-r1,.rzc-r2{gap:4px}
  .rzc-acts{padding:4px;gap:4px;border-radius:10px}
}

/* ───────── a finer finish: glass price, thin inner ring, a gold "top ranked" mark ───────── */
.rzc{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 2px 4px rgba(40,25,10,.10),0 16px 34px rgba(40,25,10,.2)}
.rzc:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 6px 12px rgba(40,25,10,.14),0 28px 50px rgba(40,25,10,.3)}
.rzc-img{filter:saturate(1.06) contrast(1.02)}
.rzc::before{background:linear-gradient(to bottom,rgba(18,14,10,.62) 0%,rgba(18,14,10,.12) 20%,rgba(18,14,10,0) 34%,rgba(18,14,10,.46) 50%,rgba(18,14,10,.86) 72%,rgba(18,14,10,.96) 100%)}
.rzc-pick{display:inline-flex;align-items:center;gap:.4em;justify-self:start;margin-top:2.2cqw;font-style:normal;font-size:clamp(7px,3.2cqw,12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#2a1d0a;background:linear-gradient(180deg,#f6dca6,#e2b565);border-radius:999px;padding:.35em .85em;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.rzc-pick::before{content:"\2605";font-size:1.05em}
.rzc-mid h3{font-size:clamp(15px,9.6cqw,36px)}
.rzc-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.15em .5em;justify-self:start;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:1.6cqw 3.4cqw}
.rzc-price s{margin-left:0}
.rzc-facts{padding-top:2.4cqw;border-top:1px solid rgba(255,255,255,.18)}
.rzc-beat{box-shadow:0 6px 16px rgba(232,104,58,.35);letter-spacing:.01em}
.rzc-b{background:#faf8f6}

.rzc-pick{white-space:nowrap}
@container (max-width:200px){.rzc-pick{display:none}.rzc-price{border-radius:14px}}

/* phones: two stays across so three or four show at once instead of one tall card per screen */
@media(max-width:700px){
  .rz-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .rzc{border-radius:18px}
  .rzc:hover{transform:none}
}
@media(max-width:340px){.rz-grid{grid-template-columns:1fr!important}}