/*
Theme Name: Relaks Projekt V2
Theme URI: https://relaksprojekt.pl/
Author: Relaks Projekt
Description: Ciemny, elegancki motyw sklepu Relaks Projekt — wersja z poprawioną kolejnością sektorów.
Version: 2.0
*/
:root{
  --bg:#0b0a09; --panel:#151311; --cream:#f2eadb; --muted:#c9bdac;
  --gold:#c9a86a; --line:rgba(242,234,219,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.rp-wrap{max-width:1180px;margin:auto;padding:0 28px}
.rp-header{position:sticky;top:0;z-index:10;background:rgba(11,10,9,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.rp-nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.rp-logo{font-family:Georgia,serif;letter-spacing:2px;font-weight:700;font-size:20px}
.rp-menu{display:flex;gap:28px;font-size:13px;letter-spacing:1px}
.rp-menu a:hover{color:var(--gold)}
.rp-hero{padding:110px 0 95px;background:radial-gradient(circle at 70% 25%,rgba(128,90,72,.35),transparent 36%),linear-gradient(135deg,#11100e,#0b0a09)}
.rp-eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.rp-hero h1{font:700 clamp(46px,7vw,82px)/.98 Georgia,serif;max-width:800px;margin:18px 0 25px}
.rp-hero p{max-width:620px;color:var(--muted);font-size:17px}
.rp-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.rp-btn{display:inline-block;padding:13px 20px;border:1px solid var(--gold);font-size:12px;letter-spacing:1.3px}
.rp-btn.primary{background:var(--gold);color:#17120c}
.rp-section{padding:82px 0}
.rp-section h2{font:700 44px/1.1 Georgia,serif;margin:8px 0 12px}
.rp-intro{color:var(--muted);max-width:650px}
.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.rp-card{min-height:300px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);background:linear-gradient(145deg,#28221c,#120f0d)}
.rp-card:nth-child(2){background:linear-gradient(145deg,#321a25,#120d10)}
.rp-card:nth-child(3){background:linear-gradient(145deg,#293024,#11130f)}
.rp-tag{font-size:11px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase}
.rp-card h3{font:700 30px/1.05 Georgia,serif;margin:10px 0}
.rp-card p{color:var(--muted);font-size:14px;margin:0 0 18px}
.rp-link{font-size:11px;letter-spacing:1.3px;color:var(--gold)}
.rp-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}
.rp-benefit{padding:24px;border-top:1px solid var(--gold);background:var(--panel)}
.rp-benefit strong{display:block;font:700 21px Georgia,serif;margin-bottom:7px}
.rp-benefit span{color:var(--muted);font-size:13px}
.rp-cta{margin:0 0 82px;padding:60px 45px;border:1px solid var(--line);background:linear-gradient(120deg,#1b1713,#25171b)}
.rp-cta h2{margin-top:0}
.rp-footer{border-top:1px solid var(--line);padding:45px 0;color:var(--muted);font-size:13px}
.rp-footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
@media(max-width:800px){
  .rp-menu{gap:12px;font-size:11px}
  .rp-grid{grid-template-columns:1fr}
  .rp-benefits{grid-template-columns:1fr 1fr}
  .rp-hero{padding:75px 0}
}
@media(max-width:520px){
  .rp-wrap{padding:0 18px}
  .rp-nav{height:68px}
  .rp-logo{font-size:16px}
  .rp-menu{gap:10px}
  .rp-hero h1{font-size:46px}
  .rp-benefits{grid-template-columns:1fr}
  .rp-cta{padding:35px 25px}
}