/*
Theme Name: lightgray-grouse-581631.hostingersite.com
Theme URI: https://example.com/gulvepro
Author: lightgray-grouse-581631.hostingersite.com
Author URI: https://example.com
Description: Premium one-page theme for lightgray-grouse-581631.hostingersite.com flooring services (København). Minimal black/white/copper design.
Version: 1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gulvepro
*/

:root{
  --white:#ffffff;
  --black:#111111;
  --muted:#5b6472;
  --light:#f5f6f7;
  --copper:#B87333;
}

html,body{margin:0;padding:0;background:var(--white);color:var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;}
a{color:inherit;text-decoration:none;}
.container{width:min(1100px,calc(100% - 40px));margin:0 auto;}
.header{border-bottom:1px solid #e7eaee;background:#fff;padding:14px 0;position:sticky;top:0;z-index:10;}
.header .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{font-weight:900;letter-spacing:0.03em;}
.logo .accent{color:var(--copper);}
nav ul{list-style:none;padding:0;margin:0;display:flex;gap:14px;flex-wrap:wrap;}
nav a{color:var(--muted);font-weight:650;font-size:13px;text-transform:uppercase;letter-spacing:0.08em;}
section{padding:72px 0;scroll-margin-top:90px;}
.mini{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:12px;}
h1,h2,h3{margin:0;}
.hero{padding:110px 0 95px;}
.hero h1{font-size:clamp(30px,4.5vw,56px);line-height:1.07;margin-bottom:14px;}
.hero p{max-width:720px;color:var(--muted);margin-bottom:18px;font-size:17px;}
.hero .tagline{margin-top:10px;font-weight:750;color:var(--copper);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;font-weight:800;font-size:14px;}
.btn.primary{background:var(--black);color:#fff;}
.btn.primary:hover{opacity:0.9;}
.btn.secondary{background:var(--light);color:var(--black);}
.grid{display:grid;gap:16px;}
.grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:900px){.grid.cols3{grid-template-columns:1fr;}}
.card{border:1px solid #e7eaee;border-radius:16px;padding:18px;background:#fff;}
.card h3{margin:0 0 8px 0;}
.card p{margin:0;color:var(--muted);}
.step{display:flex;gap:14px;align-items:flex-start;padding:12px 0;}
.step .num{width:40px;height:40px;border-radius:14px;background:var(--light);display:flex;align-items:center;justify-content:center;font-weight:900;}
.table{width:100%;border-collapse:collapse;}
.table th,.table td{border:1px solid #e7eaee;padding:12px;text-align:left;font-size:14px;}
.table th{background:var(--light);font-weight:900;}
.price-note{margin-top:10px;color:var(--muted);font-size:13px;}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr;}}
.portfolio-item{height:140px;border:1px dashed #cbd3df;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:750;}
.footer{padding:30px 0;border-top:1px solid #e7eaee;color:var(--muted);font-size:14px;}
.footer .inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;}
.section-title{margin-bottom:18px;}