/*
Theme Name: HOBI Design Premium
Theme URI: https://hobidesign.pl
Author: HOBI Design
Description: Dedykowany, responsywny motyw premium dla firmy wykonującej meble na wymiar.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hobidesign
*/
:root{--black:#080808;--black2:#111;--gold:#d5a84b;--gold2:#f2d083;--cream:#f6f2e9;--text:#202020;--muted:#6b6b6b;--radius:24px;--shadow:0 20px 60px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}body.admin-bar .site-header{top:32px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:96px 0}.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:800}.section-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:.5rem 0 1.2rem}.lead{font-size:1.1rem;color:var(--muted);max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:800;transition:.25s;border:1px solid transparent}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#15100a;box-shadow:0 12px 30px rgba(213,168,75,.25)}.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;background:rgba(7,7,7,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.08em}.brand img{width:58px;height:58px;object-fit:contain;border-radius:50%}.brand small{display:block;color:var(--gold2);font-size:.64rem;letter-spacing:.2em}.menu{display:flex;align-items:center;gap:28px;color:#fff;font-weight:650;font-size:.94rem}.menu a:hover{color:var(--gold2)}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:1.8rem}
.hero{min-height:820px;display:grid;align-items:center;color:#fff;position:relative;overflow:hidden;background:#090909}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 45%,rgba(0,0,0,.18) 100%),url('assets/images/kuchnia-dab-kaszmir.webp') center/cover no-repeat;transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#fff)}.hero-content{position:relative;z-index:2;padding-top:80px;max-width:760px}.hero-logo{width:290px;margin-bottom:26px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.5))}.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.98;margin:0 0 24px;letter-spacing:-.04em}.hero h1 span{color:var(--gold2)}.hero p{font-size:1.22rem;max-width:660px;color:#e6e6e6}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:44px;color:#ddd}.trust strong{display:block;color:#fff;font-size:1.4rem}.trust span{font-size:.86rem}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.image-stack{position:relative;min-height:590px}.image-stack img{border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover}.image-main{width:82%;height:530px}.image-float{position:absolute;width:52%;height:285px;right:0;bottom:0;border:8px solid #fff}.gold-card{background:var(--black);color:#fff;border-radius:var(--radius);padding:30px;margin-top:30px;border:1px solid rgba(213,168,75,.32)}.gold-card strong{color:var(--gold2)}
.services{background:var(--black);color:#fff}.services .lead{color:#bdbdbd}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}.service-card{padding:30px 24px;border-radius:22px;background:linear-gradient(145deg,#171717,#0c0c0c);border:1px solid rgba(255,255,255,.08);transition:.25s}.service-card:hover{transform:translateY(-7px);border-color:rgba(213,168,75,.5)}.icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(213,168,75,.12);color:var(--gold2);font-size:1.5rem}.service-card h3{margin:18px 0 8px}.service-card p{color:#aaa;font-size:.94rem}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:45px}.step{position:relative;padding:26px;border-left:2px solid var(--gold)}.step-number{font-size:3rem;font-weight:900;color:#eee;line-height:1}.step h3{margin:.5rem 0}
.gallery{background:var(--cream)}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:270px;gap:16px;margin-top:42px}.gallery-item{overflow:hidden;border-radius:20px;position:relative;box-shadow:0 10px 35px rgba(0,0,0,.1)}.gallery-item:nth-child(1),.gallery-item:nth-child(4){grid-column:span 7}.gallery-item:nth-child(2),.gallery-item:nth-child(3){grid-column:span 5}.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 6}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.gallery-item span{position:absolute;left:22px;bottom:18px;z-index:2;color:#fff;font-weight:800}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.quality-card{padding:30px;border-radius:20px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.07)}
.cta{background:linear-gradient(120deg,#080808,#1c160b);color:#fff}.cta-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:48px;border:1px solid rgba(213,168,75,.35);border-radius:28px;background:radial-gradient(circle at top right,rgba(213,168,75,.18),transparent 40%)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-list{display:grid;gap:16px;margin-top:30px}.contact-item{display:flex;gap:14px;align-items:center}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8f8f8;padding:30px;border-radius:24px}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;padding:15px 16px;border:1px solid #ddd;border-radius:12px;font:inherit;background:#fff}.contact-form textarea{min-height:140px;resize:vertical}.notice{padding:12px 16px;border-radius:10px;background:#eaf7ec;color:#176b2a;margin-bottom:16px}.notice.error{background:#fdecec;color:#8b1e1e}
.site-footer{background:#050505;color:#aaa;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.site-footer h4{color:#fff}.footer-bottom{border-top:1px solid #222;margin-top:34px;padding-top:20px;font-size:.84rem}.floating-call{position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 12px 30px rgba(0,0,0,.3);font-size:1.4rem}
@media(max-width:900px){.menu{display:none;position:absolute;top:82px;left:0;right:0;padding:22px;background:#0b0b0b;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.menu-toggle{display:block}.about-grid,.contact-grid,.cta-box{grid-template-columns:1fr}.service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.image-stack{min-height:480px}.image-main{height:430px}.gallery-grid{grid-auto-rows:230px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.admin-bar .site-header{top:46px}.container{width:min(100% - 26px,1180px)}.section{padding:70px 0}.nav{height:72px}.brand img{width:48px;height:48px}.menu{top:72px}.hero{min-height:760px}.hero:before{background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),url('assets/images/kuchnia-dab-kaszmir.webp') center/cover}.hero-logo{width:220px}.hero h1{font-size:3.25rem}.service-grid,.process-grid,.quality-grid{grid-template-columns:1fr}.gallery-grid{display:block}.gallery-item{height:260px;margin-bottom:14px}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form .full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.cta-box{padding:30px}.image-stack{min-height:390px}.image-main{height:350px;width:88%}.image-float{height:190px}.trust{gap:16px}}