/*
Theme Name: PROFBIKES Studio
Theme URI: https://profbikes.nl/
Author: PROFBIKES
Description: Het laatste donkergroene PROFBIKES-ontwerp, met bewerkbare teksten, contactgegevens en foto's via de Customizer. Geen webshop.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: profbikes-studio
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#193b32;--ink:#20362e;--paper:#faf9f5;--muted:#70766e;--line:#dadcd3;--lime:#d7e3b9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9caa70;outline-offset:5px}.topline{background:var(--green);color:#f1f3e9;display:flex;justify-content:space-between;padding:8px 5%;font-size:11px;letter-spacing:.05em}header{height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,Arial,sans-serif;display:flex;align-items:center;font-weight:800;letter-spacing:-1.4px;font-size:27px;white-space:nowrap}.logo svg{width:43px;margin-right:10px;fill:none;stroke:currentColor;stroke-width:2}.dot{color:#8a9d68}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:#648058}.button{display:inline-flex;background:var(--green);color:white;padding:16px 23px;align-items:center;gap:35px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:3px;transition:.2s}.button:hover{background:#345b48;transform:translateY(-2px)}.button.small{padding:12px 20px}.button.cream{background:#edf0df;color:var(--green)}.button.cream:hover{background:white}.textlink{border-bottom:1px solid #859585;padding-bottom:5px;font-size:13px;font-weight:600}.textlink.light{color:#f4f5ec;border-color:#748d79}.menu{display:none}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:670px;background:var(--green);color:#f7f8ee}.hero-copy{padding:65px 9.8% 34px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;display:flex;gap:10px;align-items:center}.tiny-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(50px,5.4vw,83px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:27px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#d0dcb6}.hero-copy>p{max-width:400px;color:#c6d0c5;font-size:14px;line-height:1.9}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-bottom{margin-top:48px;padding-top:23px;border-top:1px solid #486052;display:flex;align-items:center;gap:17px}.hero-bottom strong{font-size:40px;line-height:1;font-weight:500}.hero-bottom span{font-size:11px;line-height:1.6;color:#c6d0c5}.hero-image{position:relative;min-height:650px;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.86)}.image-note{position:absolute;right:30px;top:28px;color:white;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.image-label{position:absolute;bottom:30px;left:30px;right:30px;background:#faf9f5eF;color:var(--ink);padding:20px 65px 20px 23px;border-radius:3px;display:flex;flex-direction:column;line-height:1.7}.image-label>span:first-child{font-size:10px;color:var(--muted)}.image-label strong{font-size:15px;font-weight:500}.circle{position:absolute;right:20px;top:23px;border:1px solid #c7cec0;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.trustbar{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 5%;border-bottom:1px solid var(--line);font-size:11px}.trustbar span{text-align:center;border-right:1px solid var(--line)}.trustbar span:last-child{border:0}.trustbar i{font-style:normal;margin-right:9px;color:#6b8251}.section{padding:95px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:37px}h2{font-size:clamp(34px,3.7vw,54px);letter-spacing:-2px;font-weight:500;line-height:1.15;margin-top:18px}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:5px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 19px;font-size:11px}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.bike-card{background:none;border:0;padding:0;text-align:left;min-width:0}.product-image{position:relative;height:265px;background:#eeeee7;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image.stone{background:#ece9e2}.product-image.sage{background:#e4e9df}.product-image img{width:92%;height:80%;object-fit:contain;transition:transform .3s}.bike-card:hover img{transform:scale(1.05)}.tag{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:.1em;font-weight:500;z-index:1}.card-arrow{position:absolute;bottom:15px;right:15px;width:30px;height:30px;background:var(--paper);border-radius:50%;display:grid;place-items:center}.card-caption{padding:16px 0}.card-caption h3{font-size:17px;font-weight:600;letter-spacing:-.5px}.card-caption>span{font-size:11px;color:var(--muted)}.extra-card{display:none}.accessory-art svg{height:140px;width:160px}.catalog-note{font-size:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.catalog-note a{white-space:nowrap;color:var(--green);font-weight:600}.workshop{display:grid;grid-template-columns:1fr 1fr;background:#eeeee7}.workshop-visual{position:relative;overflow:hidden;min-height:650px}.workshop-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.65)}.visual-stamp{position:absolute;left:10%;bottom:65px;font-family:Manrope,sans-serif;font-size:36px;line-height:1.25;color:white;letter-spacing:-1px}.visual-stamp span{color:#d7e3b9}.photo-caption{position:absolute;bottom:20px;left:10%;color:#ddd;font-size:9px}.workshop-copy{padding:62px 10%}.workshop-copy>p{color:var(--muted);font-size:13px;margin:20px 0 12px}.service-row{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid #d4d8cc}.service-row>span{font-size:10px;color:#78836b;padding-top:2px}.service-row h3{font-size:14px;font-weight:600}.service-row p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:4px}.workshop-copy .button{margin-top:26px}.fine{font-size:10px!important;margin-top:13px!important}.story{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:center;padding-top:110px;padding-bottom:110px}.story-copy>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:20px}.story-copy .intro{font-size:18px;color:var(--ink);line-height:1.6;margin-top:27px;max-width:360px}.story-copy .textlink{display:inline-block;margin-top:25px}.signature{font-family:Georgia,serif;font-size:27px;font-style:italic;margin-top:34px;color:#6b7a57}.story-photo{position:relative;height:540px;overflow:hidden;border-radius:4px;background:#e6e6df}.story-photo>img{position:absolute;width:100%;height:150%;object-fit:cover;top:-29%}.photo-label{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);padding:18px 22px;display:flex;flex-direction:column}.photo-label span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.photo-label strong{font-size:16px;margin:3px 0;font-weight:500}.photo-label small{font-size:10px;color:var(--muted)}.service-section{padding:75px 5%;background:#e8edde}.service-values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.service-values article{border-top:1px solid #b9c5ac;padding-top:20px}.service-values article>span{font-size:9px;letter-spacing:.12em;color:#64735b}.service-values h3{font-weight:500;font-size:20px;line-height:1.35;max-width:240px;margin:17px 0 13px;letter-spacing:-.6px}.service-values p{font-size:12px;color:#66705e;max-width:290px;line-height:1.9}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%}.faq>div>p{font-size:12px;margin-top:25px;color:var(--muted)}.questions{padding-top:0}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:21px 0;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:21px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 30px 23px 0}.visit{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:#f4f5e9}.visit-copy{padding:65px 10%}.visit-copy>p{font-size:13px;color:#c0cabb;max-width:350px;margin-top:20px}.visit-copy h2 em{color:var(--lime)}address{font-style:normal;font-size:17px;line-height:1.65;margin:30px 0 18px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;gap:4px}.visit-image{position:relative;overflow:hidden;min-height:570px}.visit-image img{position:absolute;height:144%;width:100%;object-fit:cover;top:-21%;filter:brightness(.9)}.visit-caption{position:absolute;bottom:25px;left:30px;background:var(--paper);color:var(--ink);padding:10px 15px;font-size:9px;letter-spacing:.13em}footer{padding:35px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.footer-top>span{font-size:12px;color:var(--muted)}.footer-top>a:last-child{font-size:10px}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:20px}dialog{border:none;border-radius:6px;padding:55px;max-width:560px;width:calc(100% - 36px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0a211bd1;backdrop-filter:blur(5px)}dialog h2{font-size:35px;letter-spacing:-1.5px}dialog p{margin:23px 0;font-size:14px;color:var(--muted)}.close-dialog{position:absolute;top:12px;right:18px;border:0;background:none;font-size:28px}.dialog-phone{display:block;font-size:11px;margin-top:20px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-copy{padding-left:12%}}@media(max-width:1000px){header{gap:15px}nav{gap:17px}.logo{font-size:23px}.logo svg{width:35px}.hero-copy{padding-left:8%;padding-right:8%}h1{letter-spacing:-2.8px}.hero .actions{gap:18px}.hero .textlink{font-size:11px}.product-image{height:220px}.story{gap:6%}.workshop-copy{padding-left:8%;padding-right:8%}.service-values{gap:30px}}@media(max-width:760px){.topline{padding:7px 5%;font-size:9px}.topline a{font-size:0}.topline a::after{content:'010 476 20 76 ↗';font-size:9px}header{height:74px}.logo{font-size:22px}.nav-visit{display:none}.menu{display:block;background:none;border:1px solid var(--line);padding:7px 12px;border-radius:3px;font-size:12px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}.eyebrow{font-size:8px}h1{font-size:58px;margin:24px 0;letter-spacing:-3px}.hero-copy>p{max-width:390px;font-size:13px}.hero-bottom{margin-top:30px;padding-top:20px}.hero-image{min-height:370px}.hero-image img{object-position:center 58%}.image-note{right:17px;top:20px}.image-label{left:20px;right:20px;bottom:20px;padding:15px 55px 15px 18px}.image-label strong{font-size:13px}.circle{top:16px;right:14px}.trustbar{grid-template-columns:1fr 1fr;padding:12px 5%;gap:12px 0;font-size:9px}.trustbar span:nth-child(2){border:0}.section{padding:62px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:400px;font-size:12px}h2{font-size:38px;letter-spacing:-1.8px}.filters{gap:6px}.filters button{padding:8px 13px;font-size:10px}.catalog{grid-template-columns:1fr;gap:15px}.product-image{height:280px}.product-image img{max-width:440px}.card-caption{padding:13px 0 17px}.catalog-note{flex-direction:column;gap:10px;font-size:10px}.workshop{grid-template-columns:1fr}.workshop-visual{min-height:360px}.visual-stamp{font-size:30px;left:6%;bottom:50px}.photo-caption{left:6%}.workshop-copy{padding:45px 6%}.story{grid-template-columns:1fr;gap:35px}.story-photo{height:460px}.story-photo>img{height:160%;top:-33%}.story-copy .intro{font-size:17px}.service-section{padding:60px 6%}.service-values{grid-template-columns:1fr;gap:25px;margin-top:30px}.service-values h3{max-width:none;font-size:21px;margin:12px 0}.service-values p{max-width:100%;font-size:13px}.faq{grid-template-columns:1fr;gap:25px}.visit{grid-template-columns:1fr}.visit-copy{padding:50px 6%}.visit-image{min-height:420px}.visit-image img{height:155%;top:-25%}.footer-top{flex-wrap:wrap;gap:18px}.footer-top>span{order:3;width:100%;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:14px}.footer-bottom span:nth-child(2){display:none}dialog{padding:40px 25px}.button{font-size:12px}.story-photo img{object-position:center}.hero-copy .actions{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-image{background:#1b2c30}.hero-image>img{object-fit:contain}.extra-card{display:block}.catalog{grid-template-columns:repeat(4,1fr)}.product-image{height:225px}.card-caption h3{font-size:16px}@media(max-width:1000px) and (min-width:761px){.catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.catalog{grid-template-columns:1fr}.product-image{height:280px}.hero-image{min-height:370px}}

body.admin-bar header{top:32px}.skip-link{position:fixed;left:15px;top:-100px;z-index:100000;background:white;color:#193b32;padding:12px}.skip-link:focus{top:42px}.logo .custom-logo{max-width:230px;max-height:54px;width:auto;height:auto}.story-photo>img.custom-photo,.visit-image>img.custom-photo{top:0;height:100%;object-fit:cover}.wp-page{max-width:900px;margin:auto;min-height:60vh}.wp-page h1{font-size:48px;color:var(--ink)}.wp-page p{margin-bottom:1em}.wp-page a{text-decoration:underline}.wp-page img{max-width:100%;height:auto}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}}