/* Shop / Services chooser */
.rci-ss-overlay{
  display:none!important;position:fixed;inset:0;z-index:100000;
  background:rgba(11,30,63,.75);backdrop-filter:blur(5px);
  align-items:center;justify-content:center;padding:16px;
  -webkit-tap-highlight-color:transparent;
}
.rci-ss-overlay.open{display:flex!important;}
.rci-ss-modal{
  width:100%;max-width:440px;background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 28px 60px rgba(0,0,0,.35);position:relative;z-index:1;
  pointer-events:auto;
}
.rci-ss-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 18px;border-bottom:1px solid #eef2f7;position:relative;z-index:5;
}
.rci-ss-head h3{margin:0;font-size:1.05rem;font-weight:800;color:#0b1e3f;display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.rci-ss-head h3 i{color:#ea580c;}
.rci-ss-x{
  width:40px;height:40px;min-width:40px;border-radius:50%;border:1px solid #e2e8f0;
  background:#f8fafc;cursor:pointer;font-size:1.35rem;color:#475569;line-height:1;
  display:inline-flex!important;align-items:center;justify-content:center;
  z-index:10;position:relative;pointer-events:auto!important;flex-shrink:0;
  -webkit-appearance:none;appearance:none;padding:0;margin:0;
}
.rci-ss-x:hover,.rci-ss-x:focus{background:#fee2e2;border-color:#fecaca;color:#b91c1c;outline:none;}
.rci-ss-x:active{transform:scale(.94);}
.rci-ss-body{padding:16px;}
.rci-ss-hint{text-align:center;color:#64748b;font-size:.84rem;margin:0 0 14px;}
.rci-ss-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.rci-ss-opts-3{grid-template-columns:1fr;gap:10px;}
.rci-ss-opts-svc{grid-template-columns:1fr;gap:10px;}
@media(min-width:420px){
  .rci-ss-opts-3{grid-template-columns:1fr 1fr 1fr;}
  .rci-ss-opts-svc{grid-template-columns:1fr 1fr;}
}
.rci-ss-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:16px;border:2px solid #e2e8f0;background:#f8fafc;cursor:pointer;text-decoration:none;color:inherit;font-family:inherit;transition:.2s;width:100%;}
.rci-ss-back{
  margin-top:14px;width:100%;padding:10px;border-radius:10px;border:1px solid #e2e8f0;
  background:#f8fafc;font-weight:700;cursor:pointer;color:#475569;font-family:inherit;
}
.rci-ss-opt:hover{transform:translateY(-2px);border-color:#ea580c;background:#fff7ed;}
.rci-ss-opt .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;}
.rci-ss-opt.shop .ic{background:linear-gradient(135deg,#ea580c,#f59e0b);}
.rci-ss-opt.svc .ic{background:linear-gradient(135deg,#2563eb,#0891b2);}
.rci-ss-opt b{font-size:.95rem;color:#0b1e3f;}
.rci-ss-opt span{font-size:.72rem;color:#64748b;text-align:center;line-height:1.3;}

/* Cache-bust note: desktop Shop in nav; mobile Shop beside Install strip */
.rci-ss-nav-btn{
  display:inline-flex!important;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  background:linear-gradient(135deg,#ea580c,#f59e0b);color:#fff!important;font-weight:800;
  text-decoration:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;
  box-shadow:0 8px 20px -8px rgba(234,88,12,.55);
}
.rci-ss-nav-btn i{font-size:14px;}
.rci-ss-nav-btn small{display:block;font-size:8px;opacity:.9;letter-spacing:.04em;text-transform:uppercase;font-weight:700;line-height:1;}
.rci-ss-nav-btn .txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;}

.rci-ss-nav-btn.compact{padding:8px 12px;gap:6px;flex-shrink:0;}
.rci-ss-nav-btn.compact .txt b{font-size:12px;}
.rci-ss-nav-btn.compact .txt small{font-size:7px;}

.rci-ss-mobile-only{display:none!important;}
.rci-mobile-actions{
  display:none;width:100%;max-width:56rem;margin:0 auto;padding:0 12px 8px;
  box-sizing:border-box;gap:8px;position:relative;z-index:12;
}

/* Desktop ≥1024: Shop in nav only; hide under-header strip */
@media(min-width:1024px){
  .rci-ss-desktop-only,.rci-ss-nav-desktop{display:inline-flex!important;}
  .rci-ss-mobile-only{display:none!important;}
  .rci-mobile-actions{display:none!important;}
}

/* Phone: Install + Shop side-by-side under header; hide nav Shop duplicate */
@media(max-width:1023px){
  .rci-ss-desktop-only,.rci-ss-nav-desktop{display:none!important;}
  .rci-ss-mobile-only{display:inline-flex!important;}
  .rci-mobile-actions{
    display:flex!important;
    align-items:stretch;
  }
  .rci-mobile-actions .install-btn,
  .rci-mobile-actions .rci-ss-nav-btn{
    flex:1 1 0;justify-content:center;min-width:0;padding:11px 10px;border-radius:14px;
  }
  .rci-mobile-actions .install-btn-txt b,
  .rci-mobile-actions .rci-ss-nav-btn .txt b{font-size:12px;}
  .rci-mobile-actions .rci-ss-nav-btn .txt{align-items:center;}
  .rci-mobile-actions .rci-ss-nav-btn .txt small{font-size:7px;}
}
