/* Studio Figura Gliwice — style.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --pink:#C4285C;--pink-l:#D94272;--pink-d:#9E1F49;--pink-pale:#FCE8EF;
  --orange:#E8853A;--orange-l:#F4A05A;--orange-d:#C56520;--orange-pale:#FEF3E8;
  --navy:#1E2B4A;--cream:#FDF6F0;--white:#fff;--gray-bg:#F7F6F4;--muted:#5a6070;
  --fd:'Playfair Display',Georgia,serif;--fb:'Nunito',sans-serif;
  --r:16px;--r-lg:24px;
  --shadow:0 4px 24px rgba(30,43,74,.09);--shadow-lg:0 12px 48px rgba(30,43,74,.13);
}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--navy);background:var(--white);overflow-x:hidden;line-height:1.7}

/* ── TOPBAR ── */
.topbar{background:var(--pink);color:rgba(255,255,255,.92);font-size:.78rem;padding:.42rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.topbar a{color:#fff;text-decoration:none;font-weight:700;transition:opacity .2s}
.topbar a:hover{opacity:.75}
.tb-right{display:flex;gap:1.5rem}

/* ── NAV ── */
#main-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(196,40,92,.1);height:68px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}
.logo{text-decoration:none;display:flex;flex-direction:column;gap:1px}
.logo-main{font-family:var(--fd);font-size:1.05rem;color:var(--navy);font-weight:700;line-height:1}
.logo-main b{color:var(--orange)}
.logo-sub{font-size:.58rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--pink)}
.nav-menu{display:flex;align-items:center;gap:1.8rem;list-style:none}
.nav-menu a{text-decoration:none;color:var(--navy);font-size:.87rem;font-weight:700;transition:color .2s}
.nav-menu a:hover{color:var(--pink)}
.nav-cta{background:var(--pink)!important;color:#fff!important;padding:.48rem 1.3rem;border-radius:50px;transition:background .2s!important}
.nav-cta:hover{background:var(--pink-d)!important}
/* Dropdown */
.has-sub{position:relative}
.submenu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:230px;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid rgba(30,43,74,.08);padding:.5rem 0;z-index:200;margin-top:4px}
.has-sub:hover .submenu{display:block}
.submenu li a{display:block;padding:.5rem 1.2rem;font-size:.84rem;color:var(--navy);font-weight:600;transition:background .15s,color .15s}
.submenu li a:hover{background:var(--pink-pale);color:var(--pink)}
.sub-divider{color:#ddd;text-align:center;font-size:.7rem;padding:.2rem 0}
.see-all{color:var(--pink)!important;font-weight:800!important}
/* Burger */
.burger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px}
.burger span{width:24px;height:2.5px;background:var(--navy);border-radius:2px;display:block;transition:all .3s}
.mobile-menu{display:none;position:fixed;top:68px;inset-x:0;background:#fff;z-index:99;flex-direction:column;padding:1.5rem 2rem 2rem;box-shadow:0 16px 48px rgba(0,0,0,.1);gap:.85rem}
.mobile-menu.open{display:flex}
.mobile-menu a{text-decoration:none;color:var(--navy);font-weight:700;font-size:.95rem;padding:.3rem 0;border-bottom:1px solid rgba(30,43,74,.06)}
.mobile-menu .mm-sub{padding-left:1.2rem;color:var(--muted);font-size:.88rem;font-weight:600}
.mobile-menu .mc{background:var(--pink);color:#fff!important;text-align:center;padding:.75rem;border-radius:50px;border-bottom:none;margin-top:.5rem}

/* ── BREADCRUMB ── */
.breadcrumb{background:var(--gray-bg);padding:.6rem 2rem;font-size:.8rem;color:var(--muted)}
.breadcrumb .inner{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.breadcrumb a{color:var(--pink);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{color:#aaa}

/* ── UTILS ── */
.inner{max-width:1200px;margin:0 auto}
section{padding:5rem 2rem}
.eyebrow{text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--pink);margin-bottom:.6rem}
.sec-h{font-family:var(--fd);font-size:clamp(1.65rem,2.7vw,2.4rem);color:var(--navy);text-align:center;margin-bottom:.8rem}
.sec-sub{text-align:center;color:var(--muted);font-size:.95rem;max-width:600px;margin:0 auto 3rem;line-height:1.8}
/* Buttons */
.btn-pink{background:var(--pink);color:#fff;padding:.8rem 1.8rem;border-radius:50px;text-decoration:none;font-weight:800;font-size:.9rem;transition:all .25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(196,40,92,.3)}
.btn-pink:hover{background:var(--pink-d);box-shadow:0 6px 28px rgba(196,40,92,.4);transform:translateY(-2px)}
.btn-outline{color:var(--navy);text-decoration:none;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid rgba(30,43,74,.18);padding-bottom:2px;transition:all .2s}
.btn-outline:hover{color:var(--pink);border-color:var(--pink)}

/* ── PAGE HERO ── */
.page-hero{background:var(--cream);padding:4rem 2rem;text-align:center}
.page-hero h1{font-family:var(--fd);font-size:clamp(2rem,3.5vw,3rem);color:var(--navy);margin-bottom:.8rem}
.page-hero p{color:var(--muted);font-size:1rem;max-width:600px;margin:0 auto}

/* ── SERVICE PAGE ── */
.svc-hero{background:var(--cream);padding:4rem 2rem}
.svc-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.zone-tag{display:inline-block;padding:.3rem .9rem;border-radius:50px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}
.zone-tag.fitness{background:rgba(232,133,58,.12);color:var(--orange-d)}
.zone-tag.wellness{background:rgba(30,43,74,.08);color:var(--navy)}
.zone-tag.kosmetologia{background:var(--pink-pale);color:var(--pink-d)}
.svc-hero h1{font-family:var(--fd);font-size:clamp(1.8rem,3vw,2.8rem);color:var(--navy);margin-bottom:.7rem}
.svc-tagline{font-size:1.1rem;color:var(--pink);font-weight:700;margin-bottom:.8rem}
.svc-desc{color:var(--muted);font-size:.95rem;line-height:1.8;margin-bottom:1.8rem}
.svc-btns{display:flex;gap:1rem;flex-wrap:wrap}
.svc-img-box{background:linear-gradient(135deg,var(--pink-pale),var(--orange-pale));border-radius:var(--r-lg);padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.svc-img-icon{font-size:4rem;display:block}
.svc-img-box strong{font-family:var(--fd);font-size:1.3rem;color:var(--navy)}
.svc-img-box span{font-size:.8rem;color:var(--muted)}

.svc-benefits{background:var(--white);padding:4rem 2rem}
.svc-benefits h2{font-family:var(--fd);font-size:1.8rem;color:var(--navy);margin-bottom:1.5rem}
.benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;list-style:none}
.benefits-list li{background:var(--gray-bg);border-radius:12px;padding:.85rem 1rem;padding-left:2.2rem;position:relative;font-size:.9rem;font-weight:700;color:var(--navy)}
.benefits-list li::before{content:'✓';position:absolute;left:.9rem;color:var(--pink);font-weight:900}

.svc-how{background:var(--gray-bg);padding:4rem 2rem}
.svc-how-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.svc-how h2{font-family:var(--fd);font-size:1.7rem;color:var(--navy);margin-bottom:1rem}
.svc-how p{color:var(--muted);font-size:.93rem;line-height:1.8}
.svc-cta-box{background:var(--navy);border-radius:var(--r-lg);padding:2rem;text-align:left}
.svc-cta-box h3{font-family:var(--fd);font-size:1.3rem;color:#fff;margin-bottom:.6rem}
.svc-cta-box p{color:rgba(255,255,255,.7);font-size:.88rem;margin-bottom:1.2rem;line-height:1.7}
.svc-cta-box .btn-pink,.svc-cta-box .btn-outline{display:block;text-align:center}
.svc-cta-box .btn-outline{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.3);justify-content:center}

.svc-faq{background:var(--white);padding:4rem 2rem}
.svc-faq h2{font-family:var(--fd);font-size:1.7rem;color:var(--navy);margin-bottom:1.5rem}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.faq-card{background:var(--gray-bg);border-radius:var(--r);padding:1.4rem;border:1px solid rgba(30,43,74,.07);transition:border-color .2s}
.faq-card:hover{border-color:rgba(196,40,92,.25)}
.faq-card h3{font-size:.92rem;color:var(--navy);font-weight:800;margin-bottom:.45rem;line-height:1.35}
.faq-card p{font-size:.84rem;color:var(--muted);line-height:1.7}

.svc-related{background:var(--cream);padding:4rem 2rem}
.svc-related h2{font-family:var(--fd);font-size:1.5rem;color:var(--navy);margin-bottom:1.5rem}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.related-card{background:#fff;border-radius:var(--r);padding:1.5rem;border:1.5px solid rgba(196,40,92,.12);text-decoration:none;display:flex;flex-direction:column;gap:.5rem;transition:all .25s}
.related-card:hover{border-color:var(--pink);box-shadow:var(--shadow);transform:translateY(-3px)}
.related-zone{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.related-zone.fitness{color:var(--orange-d)}
.related-zone.wellness{color:var(--navy)}
.related-zone.kosmetologia{color:var(--pink-d)}
.related-card strong{font-size:.95rem;color:var(--navy);font-weight:800}
.related-card span{font-size:.8rem;color:var(--muted)}

/* ── BLOG ── */
.blog-hero{background:var(--cream);padding:4rem 2rem}
.blog-hero h1{font-family:var(--fd);font-size:clamp(2rem,3vw,2.8rem);color:var(--navy);margin:.5rem 0}
.blog-hero p{color:var(--muted);max-width:600px;margin:0 auto}
.blog-section{background:var(--white);padding:4rem 2rem}
.blog-empty{text-align:center;padding:3rem;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.blog-card{background:#fff;border-radius:var(--r-lg);border:1px solid rgba(30,43,74,.07);overflow:hidden;transition:box-shadow .25s,transform .25s}
.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.blog-card-img-wrap img{width:100%;height:200px;object-fit:cover;display:block}
.blog-card-body{padding:1.5rem}
.blog-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}
.blog-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--pink-pale);color:var(--pink-d);padding:.2rem .65rem;border-radius:50px}
.blog-date{font-size:.75rem;color:var(--muted)}
.blog-card h2{font-family:var(--fd);font-size:1.1rem;color:var(--navy);margin-bottom:.5rem;line-height:1.35}
.blog-card h2 a{text-decoration:none;color:inherit}
.blog-card h2 a:hover{color:var(--pink)}
.blog-card p{font-size:.87rem;color:var(--muted);line-height:1.65;margin-bottom:.8rem}
.read-more{font-size:.84rem;font-weight:800;color:var(--pink);text-decoration:none}
.read-more:hover{text-decoration:underline}
.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:3rem}
.pagination a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--navy);font-weight:700;border:1.5px solid rgba(30,43,74,.12);transition:all .2s}
.pagination a:hover,.pagination a.active{background:var(--pink);color:#fff;border-color:var(--pink)}

/* Blog article */
.blog-article{padding:3rem 2rem}
.blog-article-inner{max-width:820px;margin:0 auto}
.article-header{margin-bottom:2.5rem}
.article-image{width:100%;border-radius:var(--r-lg);margin-bottom:1.5rem;max-height:460px;object-fit:cover}
.article-header h1{font-family:var(--fd);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--navy);margin:.6rem 0 .8rem}
.article-lead{font-size:1.1rem;color:var(--muted);line-height:1.75;font-style:italic}
.article-content{color:var(--navy);font-size:.97rem;line-height:1.85}
.article-content h2{font-family:var(--fd);font-size:1.5rem;color:var(--navy);margin:2rem 0 .8rem}
.article-content h3{font-family:var(--fd);font-size:1.2rem;color:var(--navy);margin:1.5rem 0 .6rem}
.article-content p{margin-bottom:1rem}
.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:1rem}
.article-content li{margin-bottom:.4rem}
.article-content strong{font-weight:800}
.article-content a{color:var(--pink);text-decoration:underline}
.article-tags{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem}
.tag{background:var(--gray-bg);border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;color:var(--muted)}
.article-cta{background:linear-gradient(135deg,var(--pink),var(--pink-d));border-radius:var(--r-lg);padding:2rem;margin-top:2.5rem;text-align:center}
.article-cta h3{font-family:var(--fd);font-size:1.3rem;color:#fff;margin-bottom:.5rem}
.article-cta p{color:rgba(255,255,255,.8);margin-bottom:1rem;font-size:.92rem}
.related-posts{background:var(--gray-bg);padding:4rem 2rem}
.related-posts h2{font-family:var(--fd);font-size:1.5rem;color:var(--navy);margin-bottom:1.5rem}

/* ── KONTAKT ── */
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.kontakt-form-wrap h2{font-family:var(--fd);font-size:1.7rem;color:var(--navy);margin-bottom:.5rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fg{margin-bottom:1.1rem}
.fg label{display:block;font-size:.8rem;font-weight:800;color:var(--navy);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}
.fg input,.fg textarea,.fg select{width:100%;padding:.72rem 1rem;border:1.5px solid rgba(30,43,74,.12);border-radius:10px;font-family:var(--fb);font-size:.92rem;color:var(--navy);background:#fff;transition:border-color .2s}
.fg input:focus,.fg textarea:focus,.fg select:focus{outline:none;border-color:var(--pink)}
.fg textarea{resize:vertical}
.form-success{background:var(--pink-pale);border:1.5px solid var(--pink);border-radius:var(--r);padding:2rem;text-align:center}
.form-success h2{color:var(--pink-d);margin-bottom:.5rem}
.form-error{background:#fff0f0;border-left:4px solid #e33;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.87rem;color:#a00}
.kinfo-card{background:var(--gray-bg);border-radius:var(--r);padding:1.3rem;margin-bottom:1rem;border:1px solid rgba(30,43,74,.06)}
.kinfo-card h3{font-size:.9rem;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.kinfo-card p{font-size:.88rem;color:var(--muted);line-height:1.65}
.kinfo-card a{color:var(--pink);text-decoration:none;font-weight:700}
.map-embed iframe{width:100%;height:260px;border:0;border-radius:var(--r)}
.map-placeholder{text-align:center;padding:1rem}

/* ── FOOTER ── */
footer{background:var(--navy);color:rgba(255,255,255,.65);padding:4rem 2rem 2rem}
.ft{max-width:1200px;margin:0 auto}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}
.fb-name{font-family:var(--fd);font-size:1.15rem;color:#fff;margin-bottom:.2rem}
.fb-sub{color:var(--orange-l);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.85rem}
.ft-brand p{font-size:.83rem;line-height:1.7;max-width:270px}
.fc h4{color:#fff;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}
.fc ul{list-style:none}
.fc li{margin-bottom:.5rem}
.fc a{text-decoration:none;color:rgba(255,255,255,.58);font-size:.83rem;transition:color .2s}
.fc a:hover{color:var(--orange-l)}
.ft-bot{border-top:1px solid rgba(255,255,255,.09);padding-top:1.3rem;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;flex-wrap:wrap;gap:.5rem}
.ft-bot a{color:var(--orange-l);text-decoration:none}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .svc-hero-inner,.svc-how-inner,.kontakt-grid,.ft-top{grid-template-columns:1fr}
  .svc-hero-img,.svc-cta-box{display:none}
  .benefits-list,.faq-grid,.related-grid{grid-template-columns:1fr}
  .nav-menu{display:none}
  .burger{display:flex}
  .ft-bot{flex-direction:column;text-align:center}
}
@media(max-width:640px){
  section{padding:3.5rem 1.2rem}
  #main-nav{padding:0 1.2rem}
  .topbar{padding:.4rem 1.2rem;font-size:.72rem}
  .form-row{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .svc-btns{flex-direction:column;align-items:flex-start}
  .ft-top{grid-template-columns:1fr}
}