/* ==========================================================
   Rental Panel UI v2  (header + footer + shared SEO sections)
   Prefix: rp-   -> no conflict with old smmpanelbdlab-* css
   ========================================================== */
:root{
  --rp-primary:#1189af;
  --rp-primary-dark:#0b6f8e;
  --rp-primary-soft:#e5f4f9;
  --rp-ink:#0b1f2a;
  --rp-muted:#5a6b7b;
  --rp-line:#e3ebf2;
  --rp-soft:#f4f8fb;
  --rp-footer:#08171f;
  --rp-radius:14px;
  --rp-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.rp-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}


/* ---------- Fix: style.css forces 'Poppins' on * but Poppins is never loaded -> use Inter everywhere ---------- */
*{font-family:var(--rp-font)}

/* ---------- Defaults for variables style.css uses but does not define (pages can still override) ---------- */
:root{
  --shadow:0 4px 6px rgba(0,0,0,.1);
  --whatsapp:#25D366;--telegram:#0088CC;--facebook:#1877F2;--youtube:#FF0000;
  --smmpanelbdlab-script-primary:#3498db;--smmpanelbdlab-script-primary-dark:#2980b9;
  --smmpanelbdlab-script-secondary:#2c3e50;--smmpanelbdlab-script-success:#27ae60;--smmpanelbdlab-script-gray:#6c757d;
}

/* ---------- Skip link ---------- */
.rp-skip{position:absolute;left:-9999px;top:0;background:var(--rp-primary);color:#fff;padding:10px 16px;z-index:10000;border-radius:0 0 8px 0}
.rp-skip:focus{left:0}

/* ---------- Header ---------- */
.rp-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--rp-line);font-family:var(--rp-font)}
.rp-header *{box-sizing:border-box}
.rp-header-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:68px;max-width:1200px;margin:0 auto;padding:0 20px}
.rp-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.rp-logo img{display:block;width:150px;height:auto;max-height:44px;object-fit:contain}
.rp-nav{display:flex;align-items:center}
.rp-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.rp-nav li{margin:0;padding:0}
.rp-nav a.rp-link{display:block;padding:9px 13px;border-radius:10px;color:var(--rp-ink);font-size:.93rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.rp-nav a.rp-link:hover{background:var(--rp-soft);color:var(--rp-primary)}
.rp-nav a.rp-link.rp-on{background:var(--rp-primary-soft);color:var(--rp-primary-dark)}
.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;font-weight:700;font-size:.92rem;line-height:1.1;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .2s,background .2s}
.rp-btn-primary{background:linear-gradient(135deg,var(--rp-primary),var(--rp-primary-dark));color:#fff;box-shadow:0 8px 20px -10px rgba(17,137,175,.8)}
.rp-btn-primary:hover{transform:translateY(-2px);color:#fff;box-shadow:0 12px 24px -10px rgba(17,137,175,.9)}
.rp-btn-ghost{background:#fff;color:var(--rp-ink);border-color:var(--rp-line)}
.rp-btn-ghost:hover{border-color:var(--rp-primary);color:var(--rp-primary)}
.rp-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:var(--rp-soft);border:1px solid var(--rp-line);border-radius:10px;cursor:pointer;color:var(--rp-ink);font-size:1.15rem}
.rp-burger:focus-visible,.rp-btn:focus-visible,.rp-link:focus-visible{outline:3px solid rgba(17,137,175,.45);outline-offset:2px}

@media (max-width:1040px){
  .rp-burger{display:flex}
  .rp-nav{position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--rp-line);box-shadow:0 18px 30px -18px rgba(11,31,42,.35);display:none;padding:10px 20px 18px}
  .rp-nav.rp-open{display:block}
  .rp-nav ul{flex-direction:column;align-items:stretch;gap:2px}
  .rp-nav a.rp-link{padding:13px 14px;font-size:1rem}
  .rp-nav .rp-btn{width:100%;margin-top:8px}
}

/* ---------- Shared SEO / content sections ---------- */
.rp-sec{padding:64px 0;font-family:var(--rp-font);color:var(--rp-ink)}
.rp-sec.rp-alt{background:var(--rp-soft)}
.rp-sec h2{font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.2;margin:0 0 14px;letter-spacing:-.02em;font-weight:800}
.rp-sec h3{font-size:1.15rem;margin:0 0 8px;font-weight:700}
.rp-sec h4{font-size:1rem;margin:0 0 6px;font-weight:700;color:var(--rp-primary-dark)}
.rp-sec p{color:var(--rp-muted);line-height:1.75;margin:0 0 14px;font-size:1rem}
.rp-lead{max-width:780px}
.rp-center{text-align:center}
.rp-center .rp-lead{margin-left:auto;margin-right:auto}
.rp-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:26px}
.rp-card{background:#fff;border:1px solid var(--rp-line);border-radius:var(--rp-radius);padding:22px;box-shadow:0 6px 18px -14px rgba(11,31,42,.35)}
.rp-card p{margin:0;font-size:.95rem}
.rp-card a{color:var(--rp-primary);font-weight:600;text-decoration:none}
.rp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rp-tags a,.rp-tags span{padding:6px 12px;border-radius:999px;background:var(--rp-primary-soft);color:var(--rp-primary-dark);font-size:.84rem;font-weight:600;text-decoration:none}
.rp-faq details{background:#fff;border:1px solid var(--rp-line);border-radius:12px;padding:0;margin-bottom:10px}
.rp-faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:700;font-size:1rem;color:var(--rp-ink)}
.rp-faq summary::-webkit-details-marker{display:none}
.rp-faq summary::after{content:"+";float:right;font-size:1.3rem;line-height:1;color:var(--rp-primary)}
.rp-faq details[open] summary::after{content:"\2212"}
.rp-faq details p{padding:0 18px 16px;margin:0}
.rp-steps{counter-reset:s;list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.rp-steps li{counter-increment:s;background:#fff;border:1px solid var(--rp-line);border-radius:var(--rp-radius);padding:20px 20px 20px 62px;position:relative}
.rp-steps li::before{content:counter(s);position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--rp-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.rp-steps h3{font-size:1rem;margin-bottom:4px}
.rp-steps p{margin:0;font-size:.92rem}

/* ---------- Footer ---------- */
.rp-footer{background:var(--rp-footer);color:#b8c7d3;font-family:var(--rp-font);padding:56px 0 0}
.rp-footer *{box-sizing:border-box}
.rp-footer a{color:#b8c7d3;text-decoration:none;transition:color .2s}
.rp-footer a:hover{color:#fff}
.rp-footer-grid{display:grid;gap:34px;grid-template-columns:1.6fr 1fr 1fr 1.2fr}
.rp-footer-logo{display:block;width:160px;height:auto;margin-bottom:14px;background:#fff;border-radius:10px;padding:8px 10px}
.rp-footer p{color:#9fb1bf;font-size:.92rem;line-height:1.75;margin:0 0 14px}
.rp-footer h2.rp-ft,.rp-footer h3.rp-ft{color:#fff;font-size:1rem;font-weight:700;margin:0 0 14px;letter-spacing:.01em}
.rp-footer ul{list-style:none;margin:0;padding:0}
.rp-footer li{margin:0 0 9px;font-size:.92rem}
.rp-social{display:flex;gap:10px;margin-top:6px}
.rp-social a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}
.rp-social a:hover{background:var(--rp-primary)}
.rp-footer-bottom{margin-top:40px;border-top:1px solid rgba(255,255,255,.09);padding:22px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:.88rem}
.rp-footer-bottom img{display:block;max-width:100%;height:auto}
.rp-pay{width:350px;max-width:100%}
.rp-kw{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);font-size:.8rem;line-height:1.9;color:#7f93a3}
.rp-kw a{color:#7f93a3;margin-right:12px;white-space:nowrap}
@media (max-width:900px){.rp-footer-grid{grid-template-columns:1fr 1fr}.rp-footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:520px){.rp-footer-grid{grid-template-columns:1fr}.rp-footer-bottom{flex-direction:column;align-items:flex-start}.rp-sec{padding:44px 0}}


/* ---------- Global: no underline on links, safe media, no sideways scroll ---------- */
a,a:hover,a:focus{text-decoration:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,video,iframe,svg{max-width:100%}
.rp-sec p a,.rp-faq a,.rp-card a,.rp-steps a,.rp-lead a{color:var(--rp-primary);font-weight:600}
.rp-sec p a:hover,.rp-faq a:hover,.rp-card a:hover,.rp-steps a:hover,.rp-lead a:hover{color:var(--rp-primary-dark)}

/* ---------- Shared hero / facts / CTA (SEO landing pages) ---------- */
.rp-hero{padding:56px 0;background:linear-gradient(180deg,var(--rp-soft),#fff);font-family:var(--rp-font);color:var(--rp-ink)}
.rp-hero-wrap{display:grid;gap:36px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}
.rp-hero h1{font-size:clamp(1.75rem,4.4vw,2.8rem);line-height:1.15;letter-spacing:-.025em;font-weight:800;margin:0 0 16px;overflow-wrap:anywhere}
.rp-hero-copy p{font-size:1.05rem;line-height:1.8;color:var(--rp-muted);margin:0 0 24px}
.rp-actions{display:flex;flex-wrap:wrap;gap:12px}
.rp-hero-img{text-align:center}
.rp-hero-img img{width:100%;max-width:520px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 20px 44px -22px rgba(11,31,42,.45)}
.rp-facts{background:#fff;border:1px solid var(--rp-line);border-radius:18px;padding:22px;box-shadow:0 14px 34px -26px rgba(11,31,42,.5)}
.rp-facts h2{font-size:1.05rem;margin:0 0 12px;font-weight:800}
.rp-facts dl{margin:0}
.rp-facts dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--rp-line);font-size:.93rem}
.rp-facts dl>div:last-child{border-bottom:0}
.rp-facts dt{color:var(--rp-muted)}
.rp-facts dd{margin:0;font-weight:700;text-align:right}
.rp-cta{background:linear-gradient(135deg,var(--rp-primary),var(--rp-primary-dark));color:#fff;text-align:center;padding:56px 20px;font-family:var(--rp-font)}
.rp-cta h2{font-size:clamp(1.4rem,3.2vw,2.1rem);margin:0 0 20px;font-weight:800}
.rp-cta a{display:inline-block;background:#fff;color:var(--rp-primary-dark);font-weight:700;padding:14px 32px;border-radius:12px}
.rp-cta a:hover{background:var(--rp-primary-soft)}
.rp-region{margin-top:30px}
.rp-region h3{font-size:1.1rem;margin:0 0 10px}
.rp-sec [id]{scroll-margin-top:90px}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .rp-hero{padding:38px 0}
  .rp-hero-wrap{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .rp-container,.rp-header-in{padding-left:16px;padding-right:16px}
  .rp-logo img{width:130px}
  .rp-actions .rp-btn{flex:1 1 100%}
  .rp-grid{grid-template-columns:minmax(0,1fr)}
  .rp-facts dl>div{flex-direction:column;gap:2px}
  .rp-facts dd{text-align:left}
  .rp-sec h2{font-size:1.4rem}
  .rp-tags a,.rp-tags span{padding:7px 12px}
}
@media (max-width:380px){
  .rp-header-in{height:62px}
  .rp-nav{top:62px}
  .rp-logo img{width:112px}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}