:root{
  --white: rgba(255,255,255,.96);
  --stroke: rgba(255,255,255,.9);
  --radius2: 22px;
  --gap: 18px;

  /* desktop tiles */
  --tileH: clamp(140px, 18vw, 210px);

  --wa: #25D366;
  --fb: #1877F2;

  --accent: #ff6400;
}

/* RESET */
*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  font-family: "Mulish", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--white);

  /* ważne dla iOS */
  min-height: 100svh;
  background: #000; /* fallback pod warstwę zdjęcia */
  overflow-x: hidden;
}

/* ===== FIXED BACKGROUND LAYER (iOS-safe) ===== */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(120deg, rgba(0,0,0,.48), rgba(0,0,0,.20)),
    url("https://sixsecondsproperties.com/media/images/news/o_1gtatl1ld1m131qmv4fat0lukl.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateZ(0); /* stabilizacja Safari */
}

/* ===== HOME as positioning context ===== */
.home{ position: relative; }

/* ================= LANGUAGE BAR ================= */
.langbar{
  position:absolute;
  top: 12px;
  right: clamp(18px, 3vw, 48px);

  display:flex;
  gap:10px;
  z-index: 50;

  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
}

.langbtn{
  appearance:none;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.95);
  border-radius: 999px;
  padding: 6px 10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:6px;
  line-height: 1;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.langbtn .flag{ font-size: 14px; }
.langbtn .code{ font-weight: 700; font-size: 12px; letter-spacing:.3px; opacity:.95; }

.langbtn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.38);
}
.langbtn.is-active{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.55);
}

/* ================= MAIN GRID ================= */
.home{
  /* iOS: svh/dvh zamiast vh */
  min-height: 100svh;
  min-height: 100dvh;

  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 3vw, 40px);
  padding: clamp(18px, 3vw, 48px);
  padding-top: calc(clamp(18px, 3vw, 48px) + 44px);
}

/* LEFT COLUMN */
.left{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right: clamp(0px, 1.2vw, 22px);
}

/* ================= BRAND (GLASS) ================= */
.brand{
  position:relative;
  width:min(560px,100%);
  height: calc(var(--tileH) * 2 + var(--gap));

  padding: 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;

  backdrop-filter: blur(8px) saturate(1.08);
  -webkit-backdrop-filter: blur(8px) saturate(1.08);

  box-shadow:
    0 22px 55px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.18);

  overflow:hidden;
}

.brand::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 28px;
  background: radial-gradient(900px 480px at 18% 0%, rgba(255,255,255,.14), rgba(255,255,255,0) 65%);
  pointer-events:none;
}

.brand::after{
  content:"";
  position:absolute;
  inset:0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E");
  opacity:.05;
  mix-blend-mode: overlay;
  pointer-events:none;
}

.brand > *{ position:relative; z-index:1; }

/* LOGO */
.brand-logo{
  display:flex;
  justify-content:center;
  width:100%;
  text-decoration:none;
}
.brand-logo img{
  max-height: 155px;
  width:auto;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.45))
    drop-shadow(0 18px 30px rgba(0,0,0,.22));
}

/* HERO TEXT */
.brand-copy{ text-align:center; }
.brand h2{
  margin:0;
  font-family:"Playfair Display", serif;
  text-transform:uppercase;
  letter-spacing:.45px;
  line-height:1.03;
  font-size:clamp(22px, 2.5vw, 36px);
  text-shadow:0 14px 40px rgba(0,0,0,.55);
}

/* SOCIAL */
.social{
  display:flex;
  justify-content:center;
  gap:12px;
}
.social a{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color: rgba(255,255,255,.95);
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.22);
  transition:.18s ease;
}
.social a:hover{
  transform:translateY(-2px);
  border-color: rgba(255,255,255,.40);
}
.social a.icon-wa:hover{ background: rgba(37,211,102,.28); color: var(--wa); }
.social a.icon-fb:hover{ background: rgba(24,119,242,.28); color: var(--fb); }
.social a.icon-phone:hover{ background: rgba(255,255,255,.20); color:#fff; }
.social i{ font-size:20px; }

/* ================= MENU TILES ================= */
.tiles{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
  align-content:center;
}

.tile{
  position:relative;
  min-height: var(--tileH);
  display:flex;
  align-items:center;
  justify-content:center;

  border-radius: var(--radius2);
  border: 2px solid var(--stroke);
  color: var(--white);
  text-decoration:none;
  background: transparent;

  box-shadow: 0 18px 55px rgba(0,0,0,.28);
  overflow:hidden;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tile::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.14), transparent 45%);
  opacity:.55;
  pointer-events:none;
}
.tile::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,0) 25%, rgba(255,255,255,.65), rgba(255,255,255,0) 75%);
  opacity:0;
  filter: blur(6px);
  transition: opacity .25s ease;
  pointer-events:none;
}

.tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(8px) saturate(1.05);
  -webkit-backdrop-filter: blur(8px) saturate(1.05);
  box-shadow: 0 24px 64px rgba(0,0,0,.34);
  border-color: rgba(255,255,255,1);
}
.tile:hover::before{ opacity:.40; }

.tile-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
}

.tile-icon{
  font-size:34px;
  transition: color .18s ease, transform .18s ease;
}
.tile:hover .tile-icon{
  color: var(--accent);
  transform: translateY(-1px);
}

.tile-title{
  margin:0;
  font-weight:500;
  letter-spacing:.2px;
  font-size:clamp(16px, 1.35vw, 19px);
}

/* =========================================================
   MOBILE: wymuszamy 4 MAŁE KWADRATY (2x2) zawsze na telefonie
   ========================================================= */
@media (max-width: 820px){
  :root{ --gap: 14px; }

  .home{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .left{
    justify-content:center;
    padding-right:0;
  }

  .brand{
    height:auto;
  }

  /* 2x2 kwadraty */
  .tiles{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-content:start;
    max-width: 520px;
    margin: 0 auto;
  }

  .tile{
    min-height: unset !important;
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: 20px;
  }

  .tile-content{
    padding: 14px;
    gap: 8px;
  }

  .tile-icon{ font-size: 30px; }
  .tile-title{ font-size: 15px; }
}

/* LANDSCAPE phone: dalej kwadraty, ciaśniej */
@media (orientation: landscape) and (max-height: 520px){
  :root{ --gap: 12px; }

  .home{
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding-top: calc(clamp(18px, 3vw, 48px) + 40px);
  }

  .brand{
    height:auto;
    padding: 18px;
    border-radius: 24px;
  }

  .tiles{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-content:center;
  }

  .tile{
    min-height: unset !important;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
  }

  .tile-icon{ font-size: 28px; }
  .tile-title{ font-size: 14px; }
}

/* Small phones */
@media (max-width: 420px){
  .langbar{
    top: 10px;
    right: clamp(14px, 3vw, 18px);
    padding: 7px 8px;
    gap:8px;
  }
  .langbtn{ padding: 6px 9px; }
  .langbtn .code{ font-size: 11px; }
  .brand-logo img{ max-height: 140px; }
}
/* =========================================================
   RENTAL LIST — theme aligned with INDEX (glass) but LIGHT (no photo)
   Add this at the END of assets/style.css
   ========================================================= */

body.page-rentals{
  color: #0f172a;
  background:
    radial-gradient(900px 520px at 18% 0%, rgba(255,100,0,.10), transparent 62%),
    radial-gradient(900px 520px at 88% 10%, rgba(99,102,241,.12), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #f6f7fb 70%, #ffffff 100%);
}

/* ensure we don't inherit dark index overlay */
body.page-rentals::before{ content:none !important; }

/* base helpers */
.page-rentals a{ color: inherit; }

/* ===== TOPBAR ===== */
.page-rentals .rentals-topbar{
  position: fixed;
  inset: 0 0 auto 0;
  height: 122px;
  z-index: 999;
  background: rgba(255,255,255,.78);
  border-bottom: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(12px) saturate(1.05);
  -webkit-backdrop-filter: blur(12px) saturate(1.05);
  box-shadow: 0 18px 55px rgba(2,6,23,.10);
}

.page-rentals .rentals-topbar-inner{
  max-width: 1180px;
  height: 100%;
  margin: 0 auto;
  padding: 10px 18px 12px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  gap: 10px 14px;
  align-items: center;
}

.page-rentals .rentals-logo{
  height: 64px;
  width: auto;
  display:block;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.10));
}

.page-rentals .rentals-title{
  justify-self: center;
  font-family: "Playfair Display", serif;
  font-weight: 800;
  font-size: 18px;
  color: #0b1220;
  letter-spacing: .2px;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-rentals .hamburger{
  width: 44px; height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.70);
  box-shadow: 0 18px 55px rgba(2,6,23,.10);
  display:none;
  cursor:pointer;
}

/* reuse nav-squares but make it light-friendly */
.page-rentals .nav-squares{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 18px 55px rgba(2,6,23,.10);
}
.page-rentals .nav-squares:hover{
  background: rgba(255,255,255,.88);
  border-color: rgba(15,23,42,.18);
}

/* ===== SEARCH controls (same “glass” language as index) ===== */
.page-rentals .search-form{ width: min(760px, 100%); }

.page-rentals .search-row{
  display:grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: center;
}

.page-rentals .search-control{
  height: 46px;
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.72);
  color: #0b1220;
  font-weight: 800;
  font-size: 13px;
  text-align: center;

  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
  box-shadow: 0 18px 55px rgba(2,6,23,.08);
}

.page-rentals .search-control:focus{
  border-color: rgba(255,100,0,.35);
  box-shadow: 0 0 0 4px rgba(255,100,0,.18), 0 18px 55px rgba(2,6,23,.10);
}

.page-rentals .search-datewrap{ position: relative; isolation: isolate; }
.page-rentals .search-datebtn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  cursor:pointer;
}
.page-rentals .search-datebtn i{ opacity:.75; }

/* CTA search button */
.page-rentals .search-submit{
  height: 46px;
  width: 46px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 55px rgba(2,6,23,.08);
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.page-rentals .search-submit:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.92);
  border-color: rgba(255,100,0,.30);
}
.page-rentals .search-submit--full{
  width: 100%;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:center;
}

/* ===== MOBILE DRAWER ===== */
.page-rentals .mobile-drawer{
  position: fixed;
  top: 64px;
  left: 0; right: 0;
  z-index: 998;
  display:none;

  background: rgba(255,255,255,.86);
  border-bottom: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 22px 55px rgba(2,6,23,.14);

  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);

  padding: 12px 14px 14px;
}
.page-rentals .mobile-drawer.is-open{ display:block; }

.page-rentals .drawer-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.page-rentals .drawer-close{
  width:44px; height:44px;
  border-radius:14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.70);
  box-shadow: 0 18px 55px rgba(2,6,23,.10);
  cursor:pointer;
}

/* ===== PAGE LAYOUT ===== */
.page-rentals{ scroll-padding-top: 140px; }

.page-rentals .rentals-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 148px 18px 44px;
  min-height: 100vh;
}

.page-rentals .rentals-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 16px;
}

/* ===== CARD (aligned with index tiles: border + glass + hover) ===== */
.page-rentals .r-card{
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.70);

  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);

  box-shadow: 0 18px 55px rgba(2,6,23,.10);
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.page-rentals .r-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,100,0,.26);
  box-shadow: 0 24px 64px rgba(2,6,23,.16);
}

.page-rentals .r-photo{
  position:relative;
  height: 240px;
  background: #e5e7eb;
  overflow:hidden;
}
.page-rentals .r-photo img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.page-rentals .r-card:hover .r-photo img{ transform: scale(1.06); }

.page-rentals .r-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.46), rgba(0,0,0,.08));
}

/* Tags + price look premium */
.page-rentals .r-tag{
  position:absolute;
  top:14px; left:14px;
  z-index: 2;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .04em;
  color:#fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.page-rentals .tag-blue{ background: rgba(37,99,235,.92); }
.page-rentals .tag-pink{ background: rgba(236,72,153,.92); }
.page-rentals .tag-yellow{ background: rgba(245,158,11,.92); }
.page-rentals .tag-purple{ background: rgba(139,92,246,.92); }

.page-rentals .r-price{
  position:absolute;
  top:14px; right:14px;
  z-index:2;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.54);
  color:#fff;
  font-weight: 900;
  text-align:right;
  line-height: 1.05;
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.page-rentals .r-price small{
  display:block;
  font-size: 11px;
  font-weight: 800;
  opacity: .92;
  margin-top: 4px;
}

/* Chips */
.page-rentals .r-photo-meta{
  position:absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 78%;
}

.page-rentals .r-chip{
  display:inline-flex;
  align-items:center;
  gap: 7px;
  padding: 9px 11px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  color:#fff;
  background: rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.page-rentals .r-content{
  padding: 14px 16px 18px;
  display:flex;
  flex-direction: column;
  gap: 12px;
}

.page-rentals .r-name{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .1px;
  color:#0b1220;
}
.page-rentals .r-name small{
  font-weight: 800;
  color: rgba(15,23,42,.55);
}

.page-rentals .r-loc{
  margin: 6px 0 0;
  color: rgba(15,23,42,.62);
  font-weight: 800;
  font-size: 13px;
  display:flex;
  align-items:center;
  gap: 8px;
}

/* CTA button — index-like “glass pill” + accent hover */
.page-rentals .r-actions{ margin-top: auto; }

.page-rentals .r-btn-cta{
  width: 100%;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .01em;
  color:#0b1220;

  background: rgba(255,255,255,.62);
  border: 1px solid rgba(15,23,42,.14);
  box-shadow: 0 18px 55px rgba(2,6,23,.08);
  text-decoration:none;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;

  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.page-rentals .r-btn-cta:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.84);
  border-color: rgba(255,100,0,.26);
  box-shadow: 0 24px 64px rgba(2,6,23,.14);
}
.page-rentals .r-btn-cta i{ opacity:.80; }

/* ===== DATEPICKER (light mode) ===== */
.page-rentals .datepicker{
  position:absolute;
  top: 52px;
  left: 50%;
  transform: translateX(-50%);
  width: min(520px, calc(100vw - 24px));
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(2,6,23,.14);
  padding: 12px;
  display:none;
  z-index: 1100;

  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
}
.page-rentals .datepicker.is-open{ display:block; }

.page-rentals .datepicker--mobile,
.page-rentals .datepicker--inline{
  position: relative;
  top: 10px;
  left: 0;
  transform: none;
  width: 100%;
  max-width: 100%;
}

.page-rentals .dp-month{ font-weight: 900; color:#0b1220; }
.page-rentals .dp-nav{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.70);
  cursor:pointer;
}
.page-rentals .dp-weekdays{
  color: rgba(15,23,42,.52);
  font-weight: 900;
}
.page-rentals .dp-cell{
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.74);
  font-weight: 900;
  cursor:pointer;
}
.page-rentals .dp-cell.is-disabled{ opacity: .35; cursor:not-allowed; }
.page-rentals .dp-cell.is-today{ border-color: rgba(255,100,0,.30); }
.page-rentals .dp-cell.is-inrange{ background: rgba(255,100,0,.10); border-color: rgba(255,100,0,.12); }
.page-rentals .dp-cell.is-start,
.page-rentals .dp-cell.is-end{ background: rgba(255,100,0,.18); border-color: rgba(255,100,0,.22); }

.page-rentals .dp-link{
  border: 0;
  background: transparent;
  font-weight: 900;
  color: rgba(15,23,42,.70);
  cursor:pointer;
}
.page-rentals .dp-done{
  border: 1px solid rgba(15,23,42,.16);
  background: rgba(255,255,255,.78);
  border-radius: 999px;
  height: 34px;
  padding: 0 14px;
  font-weight: 900;
  cursor:pointer;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 980px){
  .page-rentals .rentals-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 860px){
  .page-rentals{ scroll-padding-top: 86px; }

  .page-rentals .rentals-topbar{
    height: 64px;
  }

  .page-rentals .rentals-topbar-inner{
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
    padding: 8px 12px;
  }

  .page-rentals .rentals-logo{ height: 44px; }
  .page-rentals .rentals-title{
    justify-self: start;
    text-align:left;
    font-size: 16px;
    padding: 0;
  }

  .page-rentals .hamburger{ display:flex; }
  .page-rentals .nav-squares--desktop{ display:none; }
  .page-rentals .rentals-search--desktop{ display:none; }
  .page-rentals .nav-squares--mobile{ display:grid; }

  .page-rentals .rentals-wrap{
    padding: 80px 14px 38px;
  }

  .page-rentals .r-photo{ height: 220px; }
  .page-rentals .r-name{ font-size: 17px; }
}

@media (min-width: 861px){
  .page-rentals .nav-squares--mobile{ display:none; }
}

@media (max-width: 380px){
  .page-rentals .rentals-logo{ height: 42px; }
  .page-rentals .r-photo{ height: 210px; }
  .page-rentals .r-photo-meta{ max-width: 86%; }
}