/* CzystaChata — statyczna witryna */
:root{--navy:#061c45;--navy2:#0c2b43;--green:#088e10;--darkgreen:#087a2c;--light:#f6f9fc;--border:#e4ebf3;--shadow:0 5px 18px rgba(8,33,73,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;background:white;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.shell{max-width:1540px;margin:auto;padding-left:clamp(24px,3.4vw,54px);padding-right:clamp(24px,3.4vw,54px)}.top{background:#fff;position:relative;z-index:20;box-shadow:0 2px 7px rgba(18,45,70,.03)}.top-inner{min-height:92px;display:flex;align-items:center;gap:clamp(14px,2.8vw,42px)}.brand{flex:0 0 auto;display:block;line-height:0}.brand img{display:block;width:clamp(225px,20vw,300px);height:auto}.nav{display:flex;gap:clamp(14px,2.5vw,40px);align-items:center;justify-content:center;flex:1}.navlink{font-weight:700;white-space:nowrap;padding:15px 0;position:relative;font-size:clamp(13px,1.1vw,17px)}.navlink.selected:after,.navlink:hover:after{content:"";position:absolute;height:3px;border-radius:5px;bottom:4px;left:0;right:0;background:var(--green)}.top-phone{display:flex;align-items:center;gap:9px;background:linear-gradient(105deg,#07900d,#079f14);color:#fff;padding:13px 21px;border-radius:999px;white-space:nowrap;font-size:clamp(14px,1.5vw,22px);font-weight:800}.top-phone:hover,.btn-green:hover{filter:brightness(.94)}.menu-toggle{display:none;background:white;border:0;cursor:pointer;padding:12px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fbfdff 0%,#f8fbff 44%,#f3f6f8 100%)}.hero-photo{min-height:428px;background-image:url('assets/salon.webp');background-size:contain;background-position:right center;background-repeat:no-repeat}.hero-inner{min-height:430px;display:grid;grid-template-columns:minmax(460px,1fr) minmax(520px,1.18fr);align-items:center;gap:28px;position:relative;padding-top:8px;padding-bottom:8px}.hero-copy{max-width:640px;width:100%;padding:24px 0}.hero h1{margin:0 0 12px;font-size:clamp(35px,3.85vw,59px);letter-spacing:-.045em;line-height:1.13;font-weight:850}.hero h1 em,h2 em{font-style:normal;color:var(--green)}.hero-kinds{font-weight:800;font-size:clamp(18px,1.8vw,27px);display:flex;align-items:center;gap:clamp(10px,1.5vw,23px);flex-wrap:wrap}.hero-kinds i{font-style:normal;color:var(--green)}.hero-copy p{max-width:640px;font-size:clamp(17px,1.28vw,20px);line-height:1.45;margin:22px 0 30px}.actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;border-radius:14px;padding:13px 22px;font-weight:750;font-size:clamp(15px,1.15vw,18px);transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px)}.btn-green{background:linear-gradient(120deg,#078e11,#08a10c);color:white}.btn-outline{background:rgba(255,255,255,.89);border:2px solid var(--navy);color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.service-card{min-height:124px;border:1px solid var(--border);border-radius:18px;display:flex;align-items:center;gap:17px;padding:18px 17px;box-shadow:var(--shadow);background:#fff;transition:box-shadow .2s,transform .2s}.service-card:hover{transform:translateY(-2px);box-shadow:0 9px 27px rgba(8,33,73,.12)}.service-icon{color:var(--green);flex:0 0 70px;display:flex;align-items:center;justify-content:center}.service-copy{display:flex;flex-direction:column;gap:3px;flex:1}.service-copy b{font-size:clamp(17px,1.35vw,21px);line-height:1.25}.service-copy span{color:#182c49;font-size:clamp(14px,1.13vw,17px);line-height:1.35}.card-arrow{border-radius:50%;width:35px;height:35px;flex:0 0 35px;background:#e7f5e9;color:var(--green);display:flex;align-items:center;justify-content:center}.benefits{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(130deg,#f6f9fd,#f1f5fa);border-radius:17px;padding-top:19px;padding-bottom:19px}.benefit{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 16px;border-right:1px solid #c4cedc;font-size:clamp(13px,1.12vw,17px);line-height:1.25}.benefit:last-child{border-right:0}.benefit svg{color:var(--green);flex-shrink:0}.about-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin-top:42px;margin-bottom:40px}.detail-photo{min-height:270px;border-radius:18px;background:url('assets/detale.webp') center center/cover,#eef4f5}.about-copy h2,.cta-strip h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.03em;line-height:1.15;margin:0}.accent{width:120px;height:4px;background:var(--green);border-radius:4px;margin:20px 0}.about-copy p{font-size:18px;color:#35435b;max-width:610px}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--green);font-weight:800;margin-top:15px}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:35px;padding-bottom:35px;margin-bottom:55px;background:#f1f8f4;border-radius:18px}.cta-strip h2{font-size:30px}.cta-strip p{margin:8px 0 0;color:#42516b}.footer{background:#082345;color:white;padding-top:32px}.footer-content{display:flex;justify-content:space-between;gap:20px;padding-bottom:23px}.footer-content strong{font-size:25px}.footer-content strong span{color:#63c46c}.footer-content p{max-width:450px;color:#d5deea;font-size:14px}.foot-links{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;font-size:14px}.foot-links a:hover{text-decoration:underline}.foot-bottom{border-top:1px solid #305071;padding-top:13px;padding-bottom:18px;color:#cad5e4;font-size:12px}.page-head{background:linear-gradient(130deg,#f0faf5,#f7faff);padding:55px 0 55px}.eyebrow{letter-spacing:.16em;font-size:13px;font-weight:800;color:var(--green)}.page-head h1{margin:10px 0;font-size:clamp(34px,4vw,54px);line-height:1.13;letter-spacing:-.04em}.page-head p{font-size:19px;max-width:790px;color:#39455f;margin:0}.service-detail{scroll-margin-top:25px;border-bottom:1px solid var(--border);display:flex;gap:25px;padding-top:35px;padding-bottom:35px;align-items:flex-start}.service-detail:last-of-type{margin-bottom:60px}.detail-icon{color:var(--green);background:#eff8f2;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;flex-shrink:0}.service-detail h2{font-size:27px;margin:0 0 10px}.service-detail p{font-size:17px;max-width:730px;color:#40516a;margin:0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;margin-bottom:45px}.price-grid article,.contact-card{padding:28px;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.price-grid h2{font-size:24px;margin:18px 0 8px}.price-grid p{color:#42516b;min-height:45px}.price-grid strong{color:var(--green);font-size:19px}.about-page{margin-top:40px;margin-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-page p{font-size:18px;color:#41516b}.about-page h2{font-size:35px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px;margin-bottom:30px}.contact-card .label{font-weight:800;color:var(--green);font-size:12px;letter-spacing:.13em}.contact-phone{font-weight:850;font-size:clamp(23px,2.8vw,39px);display:flex;align-items:center;gap:13px;margin-top:27px}.contact-phone svg,.contact-card h2 svg{color:var(--green)}.contact-card p{color:#46566d;font-size:17px;margin-bottom:30px}.contact-card h2{display:flex;align-items:center;gap:12px;font-size:24px}.hours{margin:22px 0 5px}.hours div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--border)}.hours div:last-child{border-bottom:0}.hours dt{font-weight:650}.hours dd{margin:0;font-weight:750;white-space:nowrap}.contact-area{margin-bottom:55px}.contact-area>div{background:#f4f8fc;border-radius:16px;padding:24px;display:flex;gap:18px;align-items:center}.contact-area svg{color:var(--green);flex-shrink:0}.contact-area h2{margin:0 0 4px;font-size:23px}.contact-area p{margin:0;color:#46566d}
@media(max-width:1180px){.top-inner{gap:16px}.brand img{width:230px}.nav{gap:17px}.top-phone{font-size:15px;padding:11px 13px}.hero-inner{grid-template-columns:minmax(390px,1fr) minmax(430px,1.1fr);gap:18px;min-height:400px}.hero h1{font-size:clamp(34px,4.15vw,49px)}.hero-photo{min-height:390px;background-size:cover;background-position:57% center}.service-card{gap:8px;padding:14px 10px}.service-icon{flex-basis:55px}.service-icon svg{width:43px;height:43px}.card-arrow{width:29px;height:29px;flex-basis:29px}}
@media(max-width:840px){.top-inner{min-height:82px;flex-wrap:wrap}.brand img{width:220px}.menu-toggle{display:block;margin-left:auto;order:3}.top-phone{margin-left:auto;font-size:14px;order:2}.nav{display:none;order:4;flex-basis:100%;flex-direction:column;gap:0;align-items:stretch;padding-bottom:10px}.nav.open{display:flex}.navlink{padding:12px}.navlink.selected:after{bottom:7px;left:12px;right:auto;width:60px}.hero-inner{grid-template-columns:1fr;gap:16px;min-height:auto;padding-top:22px;padding-bottom:22px}.hero-copy{max-width:750px;padding:0}.hero h1{font-size:clamp(35px,5.5vw,49px)}.hero-copy p{max-width:610px;margin:14px 0 18px}.hero-photo{min-height:320px;background-size:cover;background-position:center}.cards{grid-template-columns:1fr}.service-card{min-height:90px;gap:16px;padding:15px 20px}.benefits{grid-template-columns:1fr 1fr;gap:20px}.benefit:nth-child(2){border-right:0}.about-teaser,.about-page{grid-template-columns:1fr;gap:20px}.about-teaser .detail-photo{min-height:225px}.contact-layout{grid-template-columns:1fr}}
@media(max-width:520px){.shell{padding-left:18px;padding-right:18px}.top-inner{gap:6px;min-height:77px}.brand img{width:158px}.top-phone{padding:9px 11px;font-size:0}.top-phone svg{width:23px}.top-phone span{display:none}.menu-toggle{padding:9px}.hero-photo{min-height:235px;background-size:contain;background-position:center}.hero h1{font-size:34px}.hero-kinds{font-size:16px;gap:9px;white-space:normal;flex-wrap:wrap}.hero-copy p{font-size:16px}.btn{min-height:48px;font-size:15px;padding:12px 15px;border-radius:10px}.actions{gap:10px}.service-icon{flex-basis:40px}.service-icon svg{width:40px}.service-copy b{font-size:17px}.service-copy span{font-size:14px}.benefits{gap:10px;padding-top:15px;padding-bottom:15px}.benefit{padding:8px 5px;flex-direction:column;text-align:center;font-size:12px;gap:6px}.benefit svg{width:29px}.benefit:nth-child(1),.benefit:nth-child(3){border-right:1px solid #c4cedc}.about-teaser{margin-top:30px}.cta-strip{display:block;padding-top:24px;padding-bottom:24px}.cta-strip .btn{margin-top:18px}.footer-content{flex-direction:column}.foot-links{gap:14px}.page-head{padding:38px 0}.page-head p{font-size:16px}.price-grid{grid-template-columns:1fr}.service-detail{gap:15px}.detail-icon{width:58px;height:58px}.detail-icon svg{width:36px}.service-detail h2{font-size:22px}.contact-card{padding:20px}.hours div{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}