/* Velofold Group: components. Colors and fonts come from theme.json presets (editable in Appearance > Editor > Styles). */
:root{--vf-navy:var(--wp--preset--color--navy,#0F2D63);--vf-blue:var(--wp--preset--color--blue,#2370FF);--vf-orange:var(--wp--preset--color--orange,#F58220);--vf-ink:var(--wp--preset--color--ink,#0E1B33);--vf-muted:var(--wp--preset--color--muted,#55627A);--vf-soft:var(--wp--preset--color--soft,#F3F6FB);--vf-line:var(--wp--preset--color--line,#DCE3EF);--vf-r:10px}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--vf-blue);outline-offset:2px}
.screen-reader-text{position:absolute;left:-9999px}

/* Header */
.vf-topbar{background:var(--vf-navy);color:#fff;padding:.4rem 1rem;text-align:center}
.vf-topbar .vf-text{margin:0;font-size:.85rem;color:#fff}
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
.vf-header{background:#fff;border-bottom:1px solid var(--vf-line);padding:.7rem clamp(1rem,4vw,2rem)}
.vf-header .wp-block-site-logo img{display:block;height:auto}
.vf-nav{position:relative}
.vf-menu{list-style:none;margin:0;padding:0;display:flex;gap:clamp(.8rem,1.6vw,1.6rem);align-items:center}
.vf-menu a{color:var(--vf-ink);text-decoration:none;font-weight:600;font-size:.97rem;padding:.35rem 0;border-bottom:2px solid transparent}
.vf-menu a:hover,.vf-menu .current-menu-item>a{color:var(--vf-navy);border-bottom-color:var(--vf-orange)}
.vf-burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.vf-burger span,.vf-burger span:before,.vf-burger span:after{display:block;width:24px;height:2px;background:var(--vf-navy);content:"";position:relative;margin:auto}
.vf-burger span:before{top:-7px}.vf-burger span:after{top:5px}
.vf-header-actions{gap:1rem!important}
.vf-lang{font-weight:700;color:var(--vf-navy);text-decoration:none;padding:.3rem .6rem;border:1px solid var(--vf-line);border-radius:999px}
@media(max-width:960px){
 .vf-burger{display:block}
 .vf-menu{display:none;position:absolute;inset-inline-start:0;top:100%;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--vf-line);border-radius:var(--vf-r);padding:1rem 1.4rem;min-width:240px;box-shadow:0 12px 30px rgba(15,45,99,.12)}
 .vf-nav.is-open .vf-menu{display:flex}
 .vf-header-actions .wp-block-buttons{display:none}
}

/* Sections */
.vf-section{padding-block:clamp(2.5rem,6vw,5rem)}
.vf-section>.vf-wrap{max-width:1200px!important;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.vf-wrap>*{max-width:none!important}
.vf-wrap>p,.vf-wrap>ul,.vf-wrap>ol{max-width:68ch!important}
.vf-soft{background:var(--vf-soft)}
.vf-main{padding:1.5rem clamp(1rem,4vw,2rem) 4rem}
.vf-main-full{padding:0}
.vf-lead{font-size:var(--wp--preset--font-size--lead,1.2rem);color:var(--vf-muted)}

/* Hero: blueprint grid, folding diagram is the one memorable thing */
.vf-hero{background-color:var(--vf-soft);background-image:linear-gradient(rgba(35,112,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(35,112,255,.07) 1px,transparent 1px);background-size:32px 32px;padding-block:clamp(2.5rem,7vw,6rem)}
.vf-hero>.vf-wrap{max-width:1200px!important;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.vf-hero-cols{align-items:center;gap:clamp(1.5rem,4vw,4rem)}
.vf-hero h1{max-width:16ch!important}
.vf-fold-fig{margin:0}
.vf-fold{width:100%;height:auto;overflow:visible}
.vf-fold *{vector-effect:non-scaling-stroke}
.vf-fold circle,.vf-fold path{fill:none;stroke:var(--vf-navy);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.vf-fold .front circle,.vf-fold .front path{stroke:var(--vf-blue)}
.vf-fold .hub{fill:var(--vf-navy);stroke:none}.vf-fold .front .hub{fill:var(--vf-blue)}
.vf-fold .hinge{fill:var(--vf-orange);stroke:#fff;stroke-width:3}
.vf-fold .saddle{stroke-width:9}
.vf-fold .gl{stroke:var(--vf-line);stroke-width:3}
.vf-fold .front{transform-box:view-box;transform-origin:330px 0;transition:transform .95s cubic-bezier(.65,0,.25,1)}
.vf-fold.is-folded .front{transform:scaleX(-1)}
.vf-fold .dim{opacity:0;transition:opacity .4s}
.vf-fold .dim path{stroke:var(--vf-orange);stroke-width:2.5}
.vf-fold .dim text{fill:var(--vf-ink);font:700 15px var(--wp--preset--font-family--rounded,system-ui)}
.vf-fold .dim-open{opacity:1}
.vf-fold.is-folded .dim-open{opacity:0}.vf-fold.is-folded .dim-fold{opacity:1}
.vf-fold-ctl{display:flex;gap:.4rem;justify-content:center;margin-top:.8rem}
.vf-fold-ctl button{font:inherit;font-weight:700;padding:.5rem 1.2rem;border-radius:999px;border:2px solid var(--vf-navy);background:#fff;color:var(--vf-navy);cursor:pointer}
.vf-fold-ctl button.is-on{background:var(--vf-navy);color:#fff}

/* Cards and tiles */
.vf-tile{background:#fff;border:1px solid var(--vf-line);border-radius:var(--vf-r);padding:1.5rem;height:100%}
.vf-tile h3{margin-top:0}
.vf-fact{background:transparent;border:0;border-inline-start:4px solid var(--vf-blue);border-radius:0;padding:.2rem 1.2rem}
.vf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem}
.vf-card{background:#fff;border:1px solid var(--vf-line);border-radius:var(--vf-r);overflow:hidden;display:flex;flex-direction:column}
.vf-card-img{display:block;aspect-ratio:4/3;background:linear-gradient(135deg,var(--vf-soft),#E3ECFB)}
.vf-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.vf-card-body{padding:1.1rem 1.3rem 1.4rem}
.vf-card h3{font-size:1.2rem;margin:.1rem 0 .4rem}.vf-card h3 a{color:var(--vf-navy);text-decoration:none}
.vf-card p{margin:.3rem 0;color:var(--vf-muted);font-size:.96rem}
.vf-price{color:var(--vf-ink)!important;font-weight:700;font-size:1.05rem!important}
.vf-more{font-weight:700;text-decoration:none;border-bottom:2px solid var(--vf-orange)}

/* Sequence (real steps, so numbering is meaningful) */
.vf-steps ol{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;max-width:none!important}
.vf-steps li{counter-increment:s;background:#fff;border:1px solid var(--vf-line);border-radius:var(--vf-r);padding:1rem 1.1rem 1.1rem;font-weight:600}
.vf-steps li:before{content:counter(s);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--vf-navy);color:#fff;margin-bottom:.6rem}

/* Product page */
.vf-product{gap:clamp(1.5rem,4vw,3rem)}
.vf-hero-img img{border-radius:var(--vf-r);object-fit:cover}
.vf-quick{background:var(--vf-soft);border-inline-start:4px solid var(--vf-orange);padding:.9rem 1.2rem;border-radius:var(--vf-r)}
.vf-quick strong{color:var(--vf-navy)}.vf-quick p{margin:.2rem 0 0}
.vf-table{width:100%;border-collapse:collapse;font-size:.97rem;margin-block:1rem}
.vf-table caption{text-align:start;font-weight:700;color:var(--vf-navy);padding-bottom:.4rem;font-size:1.05rem}
.vf-table th,.vf-table td{border-bottom:1px solid var(--vf-line);padding:.6rem .5rem;text-align:start;vertical-align:top}
.vf-specs th{width:38%;color:var(--vf-muted);font-weight:600}
.vf-tiers thead th{background:var(--vf-soft);color:var(--vf-navy)}
.vf-note{color:var(--vf-muted);font-size:.9rem}
.vf-buy{border:1px solid var(--vf-line);border-radius:var(--vf-r);padding:1.2rem 1.4rem;margin-block:1.2rem;background:#fff}
.vf-qty{display:flex;align-items:center;gap:.8rem;font-weight:600}
.vf-qty input{width:7rem}
.vf-calc{display:flex;gap:1.5rem;flex-wrap:wrap}
.vf-calc b{color:var(--vf-navy);font-size:1.15rem}
.vf-markets{padding-inline-start:1.2rem}
.vf-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0 0 1rem;font-size:.9rem;color:var(--vf-muted)}
.vf-crumbs li+li:before{content:"/";margin-inline-end:.4rem;color:var(--vf-line)}
.vf-crumbs a{color:var(--vf-muted)}

/* Forms */
.vf-form-wrap{max-width:900px}
.vf-form label{display:block;font-weight:600;font-size:.95rem}
.vf-form input,.vf-form select,.vf-form textarea{display:block;width:100%;margin-top:.3rem;padding:.7rem .8rem;border:1px solid #B9C4D8;border-radius:8px;font:inherit;background:#fff;color:var(--vf-ink)}
.vf-qty input[type=number]{margin-top:0}
.vf-form input:focus,.vf-form select:focus,.vf-form textarea:focus{border-color:var(--vf-blue)}
.vf-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem}
.vf-oem{border:1px solid var(--vf-line);border-radius:var(--vf-r);padding:1rem 1.2rem;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.4rem 1rem}
.vf-oem legend{font-weight:700;color:var(--vf-navy);padding-inline:.4rem}
.vf-check{display:flex!important;gap:.5rem;align-items:center;font-weight:500!important}
.vf-check input{width:auto;margin:0}
.vf-form textarea,.vf-form>label{margin-bottom:1rem}
.vf-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.vf-alert{padding:.8rem 1rem;border-radius:8px;font-weight:600}
.vf-alert.ok{background:#E8F7EE;color:#14532D}.vf-alert.bad{background:#FDECEC;color:#7F1D1D}

/* FAQ */
.vf-faq details{border-bottom:1px solid var(--vf-line);padding:.9rem 0}
.vf-faq summary{cursor:pointer;font-weight:700;color:var(--vf-navy);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.vf-faq summary::-webkit-details-marker{display:none}
.vf-faq summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--vf-orange)}
.vf-faq details[open] summary:after{content:"\2212"}
.vf-faq details>div{padding-top:.6rem;color:var(--vf-muted)}

/* Buttons */
.wp-block-button__link{cursor:pointer;border:2px solid transparent;text-decoration:none}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border-color:var(--vf-navy);color:var(--vf-navy)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--vf-navy);color:#fff}

/* Footer */
.vf-footer{background:var(--vf-soft);border-top:1px solid var(--vf-line);padding:3rem clamp(1rem,4vw,2rem) 1.5rem;margin-top:0}
.vf-footer .vf-menu{flex-direction:column;align-items:flex-start;gap:.4rem}
.vf-footer .vf-burger{display:none}
.vf-footer .vf-text-explore,.vf-footer .vf-text-markets_h{font-size:1rem;color:var(--vf-navy)}
.vf-footer .vf-text-copy{margin-top:2rem;color:var(--vf-muted);font-size:.9rem}
.vf-contact{font-style:normal}

/* Floating helpers */
.vf-wa{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.vf-sticky{display:none}
@media(max-width:760px){
 .vf-sticky{display:block;position:fixed;inset-inline:0;bottom:0;z-index:55;padding:.6rem 1rem;background:#fff;border-top:1px solid var(--vf-line)}
 .vf-sticky a{display:block;text-align:center;background:var(--vf-orange);color:var(--vf-ink);border-radius:999px;padding:.8rem;font-weight:700;text-decoration:none}
 .vf-wa{bottom:4.8rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}