/* Sheridan Skips - Garden Project Popup */
.ss-popup-overlay,
.ss-popup-overlay *{ box-sizing:border-box; }

.ss-popup-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.65);
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  z-index:99999;
  opacity:0; visibility:hidden;
  transition:opacity .3s ease;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-tap-highlight-color:transparent;
}
.ss-popup-overlay.ss-popup-visible{ opacity:1; visibility:visible; }

.ss-popup{
  background:#0d0d0d;
  width:500px; max-width:100%;
  max-height:90vh;
  overflow-y:auto;
  border-radius:10px;
  overflow-x:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
  transform:translateY(20px) scale(.96);
  transition:transform .35s cubic-bezier(.2,.9,.3,1.2);
}
.ss-popup-overlay.ss-popup-visible .ss-popup{ transform:translateY(0) scale(1); }

.ss-popup-image{
  width:100%; height:220px;
  background-size:cover; background-position:center;
  position:relative;
}

.phone img {
  width: 35px;
  margin-right: 5px;
}

.phone a {
  color: white;
  font-weight: 500;
}

.ss-popup-close{
  position:absolute; top:8px; right:8px;
  width:40px; height:40px; border-radius:50%;
  background:rgba(0,0,0,0.55); color:#fff;
  border:none; font-size:22px; line-height:1;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  z-index:2;
  -webkit-tap-highlight-color:transparent;
  padding: 0 !important;
  min-width: 0px !important;
}
.ss-popup-close:hover{ background:rgba(0,0,0,0.8); }

.ss-popup-body{ padding:35px 30px; }
.ss-popup-body h2{
  color:#fff; margin:0 0 12px; font-size:26px; line-height:1.2; font-weight:800;
}
.ss-popup-body p{
  color:#b9b9b9; margin:0 0 22px; font-size:15px; line-height:1.5;
}

.ss-popup-cta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.ss-popup-btn{
  background:#FFD400; color:#0d0d0d; font-weight:800;
  text-decoration:none; padding:14px 22px;
  font-size:14px; letter-spacing:.3px; transition:background .2s ease;
  display:inline-block;
}
.ss-popup-btn:hover{ background:#E6BF00; }
.ss-popup-or{ color:#888; font-size:14px; }
.ss-popup-phone{
  color:#fff; text-decoration:none; font-weight:700; font-size:16px;
  display:inline-flex; align-items:center; gap:6px;
}

@media (max-width:500px){
  .ss-popup-body{ padding:18px 18px 22px; }
  .ss-popup-body h2{ font-size:22px; }
  .ss-popup-image{ height:170px; }
  .ss-popup-body p{ font-size:14px; }
  .ss-popup{width:96%; max-width:100%;}
}