.rent-page { --rent-line:#dbe5ec; --rent-pale:#f2f7fa; }
.rent-intro { background:linear-gradient(115deg,#f8fafc 0%,#f2f7fa 100%); border-bottom:1px solid var(--rent-line); }
.rent-crumbs { display:flex; align-items:center; gap:10px; padding-block:19px; color:#526478; font-size:12px; }
.rent-crumbs a:hover { text-decoration:underline; }
.rent-crumbs span[aria-hidden] { color:#9aaebb; }
.rent-hero { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(20px,4vw,78px); padding-block:14px clamp(38px,5vw,78px); }
.rent-kicker { display:flex; align-items:center; gap:9px; color:var(--blue); font-size:10px; font-weight:750; letter-spacing:.135em; line-height:1.6; }
.rent-dot { width:8px; height:8px; background:var(--cyan); border-radius:50%; border:1px solid #1887ad; flex:none; }
.rent-slash { color:#7f98b3; }
.rent-lead h1 { font-size:clamp(40px,4.5vw,73px); font-weight:650; letter-spacing:-.061em; line-height:1.055; margin:22px 0; }
.rent-lead h1 span,.rent-area h2 span { color:var(--blue); }
.rent-lead>p { max-width:450px; color:#52677b; font-size:clamp(16px,1.22vw,19px); line-height:1.65; }
.rent-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.rent-actions .icon { width:18px; height:18px; }
.rent-byphone { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:22px; font-size:13px; color:#506478; }
.rent-byphone .icon { width:17px; height:17px; color:var(--blue); }
.rent-byphone a { color:var(--ink); font-weight:750; }
.rent-byphone a:hover { color:var(--blue); text-decoration:underline; }
.rent-stage { isolation:isolate; position:relative; overflow:hidden; min-height:clamp(340px,32vw,462px); border:1px solid #c9e0eb; border-radius:24px; background:radial-gradient(ellipse at 72% 40%, #f3fcfe,transparent 48%),linear-gradient(135deg,#e4f5fa,#d1e8f5 75%,#c2deed); }
.rent-stage-grid { position:absolute; inset:0; opacity:.55; background-image:radial-gradient(#8eacbf 1px,transparent 1px); background-size:14px 14px; mask-image:linear-gradient(115deg,black,transparent 47%); }
.rent-stage::after { content:''; position:absolute; z-index:-1; border:1px solid #ffffff9c; width:70%; aspect-ratio:1; right:-10%; top:4%; border-radius:50%; box-shadow:0 0 0 25px #ffffff26,0 0 0 26px #ffffff6b; }
.rent-stage-watermark { position:absolute; left:6%; top:14%; font:650 clamp(100px,11vw,170px)/1 var(--display); letter-spacing:-.12em; color:#fff9; user-select:none; }
.rent-stage-tag { position:absolute; top:6%; left:6%; z-index:1; display:flex; align-items:center; gap:8px; padding:7px 12px; border-radius:30px; background:#fffffff0; color:#254667; font-weight:650; font-size:11px; }
.rent-stage-tag i { width:6px; height:6px; background:#2995b9; border-radius:50%; }
.rent-hero-product { position:absolute; height:85%; max-width:62%; width:auto; object-fit:contain; bottom:7%; right:8.5%; mix-blend-mode:multiply; }
.rent-stage-link { position:absolute; bottom:7%; left:6%; display:flex; align-items:center; justify-content:space-between; gap:16px; border-radius:12px; padding:11px 12px 11px 16px; background:#fff; color:var(--ink); box-shadow:0 6px 25px #254f6612; }
.rent-stage-link small,.rent-stage-link strong { display:block; }
.rent-stage-link small,.rent-tag { font-size:9px; line-height:1.4; font-weight:750; letter-spacing:.11em; color:var(--blue); }
.rent-stage-link strong { font:700 clamp(15px,1.25vw,20px)/1.3 var(--display); letter-spacing:-.032em; margin-top:3px; }
.rent-stage-link b { background:#edf5fb; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:var(--blue); }
.rent-stage-link .icon { width:15px; height:15px; }
.rent-stage-link:hover b { color:white; background:var(--blue); }
.rent-catalog { padding-block:clamp(46px,5.7vw,86px); }
.rent-section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:28px; }
.rent-section-heading h2,.rent-area h2 { font-size:clamp(30px,3.15vw,48px); line-height:1.1; }
.rent-section-heading h2,.rent-area h2 { margin-top:10px; }
.rent-section-heading>p { max-width:340px; font-size:14px; }
.rent-products { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(10px,1.15vw,19px); }
.rent-product { position:relative; display:flex; flex-direction:column; min-width:0; padding:6px; border:1px solid var(--rent-line); border-radius:15px; background:#fff; transition:box-shadow .18s,border-color .18s; }
.rent-product:focus-within,.rent-product:hover { border-color:#9ab9d2; box-shadow:0 6px 18px #18385e0b; }
.rent-photo { position:relative; display:grid; place-items:center; height:clamp(146px,13.6vw,205px); border-radius:10px; overflow:hidden; background:linear-gradient(150deg,#f3f8fa,#eff4f8); }
.rent-photo img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:88%; height:80%; object-fit:contain; mix-blend-mode:multiply; }
.rent-code { position:absolute; top:9px; left:10px; z-index:1; color:#61768d; font:600 10px/1.4 var(--display); letter-spacing:.09em; }
.rent-product-info { display:flex; flex:1; flex-direction:column; align-items:start; padding:15px 10px 7px; }
.rent-tag { text-transform:uppercase; }
.rent-product h3 { margin:5px 0 8px; font-size:clamp(18px,1.52vw,24px); line-height:1.18; }
.rent-product p { font-size:13px; line-height:1.55; padding-bottom:13px; }
.rent-pick { margin-top:auto; padding-block:10px 7px; border-top:1px solid var(--rent-line); width:100%; display:flex; align-items:center; justify-content:space-between; gap:7px; color:var(--blue); font-size:13px; font-weight:700; }
.rent-pick::after { content:''; position:absolute; inset:0; border-radius:15px; }
.rent-pick .icon { height:16px; width:16px; }
.rent-area { display:grid; grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr); gap:clamp(32px,6vw,100px); align-items:center; padding-block:clamp(48px,6.1vw,96px); }
.rent-area-photo { border-radius:18px; overflow:hidden; background:var(--rent-pale); }
.rent-area-photo img { width:100%; height:clamp(295px,29vw,430px); object-fit:cover; object-position:50% 40%; }
.rent-area-copy { max-width:590px; }
.rent-area-copy p { max-width:555px; margin-top:17px; }
.rent-towns { display:flex; flex-wrap:wrap; gap:6px; margin:20px 0 0; padding:0; list-style:none; }
.rent-towns li { border:1px solid #cbdfe9; background:#f5f9fc; color:#30536d; border-radius:22px; padding:3px 11px; font-size:12px; font-weight:650; }
.rent-area-copy .rent-other { font-size:13px; }
.rent-area-copy .text-link { margin-top:10px; }
.header-nav-links a[aria-current="page"] { color:var(--blue); text-decoration:underline; text-underline-offset:6px; }
@media (max-width:1090px) {
  .rent-products { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .rent-product { grid-column:span 2; }
  .rent-product:nth-last-child(-n+2) { grid-column:span 3; }
  .rent-stage-link { bottom:5%; }
}
@media (max-width:780px) {
  .rent-hero { grid-template-columns:1fr; gap:24px; }
  .rent-stage { min-height:300px; }
  .rent-hero-product { right:15%; }
  .rent-crumbs { padding-block:14px; }
  .rent-lead h1 { margin:14px 0; }
  .rent-actions { margin-top:18px; }
  .rent-byphone { margin-top:14px; }
  .rent-section-heading { align-items:start; flex-direction:column; gap:11px; margin-bottom:20px; }
  .rent-section-heading>p { max-width:540px; }
  .rent-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rent-product,.rent-product:nth-last-child(-n+2) { grid-column:auto; }
  .rent-area { grid-template-columns:1fr; gap:21px; }
  .rent-area-photo { grid-row:2; }
  .rent-area-photo img { height:280px; object-position:50% 34%; }
}
@media (max-width:500px) {
  .rent-lead h1 { font-size:clamp(37px,9.35vw,47px); }
  .rent-hero { padding-top:8px; }
  .rent-products { grid-template-columns:1fr; }
  .rent-product { display:grid; grid-template-columns:30% 1fr; column-gap:6px; align-items:stretch; }
  .rent-photo { height:auto; min-height:124px; }
  .rent-photo img { width:94%; height:108px; }
  .rent-product-info { padding:8px 7px 3px; }
  .rent-product p { padding-bottom:7px; font-size:12px; }
  .rent-product h3 { margin:4px 0; font-size:19px; }
  .rent-pick { padding:7px 0; }
  .rent-code { top:5px; left:7px; }
  .rent-actions { gap:7px; }
  .rent-actions .button { padding:11px 14px; min-height:46px; gap:7px; }
  .rent-stage { min-height:258px; border-radius:16px; }
  .rent-hero-product { right:8%; }
  .rent-stage-link { gap:8px; left:4%; padding:8px 9px; }
  .rent-stage-tag { left:4%; }
  .rent-stage-watermark { left:7%; top:27%; }
}
@media (prefers-reduced-motion:reduce) { .rent-product { transition:none; } }
