/*
Theme Name: Becomevio
Author: Becomevio
Description: A responsive English-language starter theme for Becomevio.
Version: 0.2.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: becomevio
License: GPL-2.0-or-later
*/
:root{--ink:#213c31;--green:#244d3c;--cream:#f8f7f1;--lime:#d9ed9b;--muted:#69776d;--line:#dedfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:30px;letter-spacing:-1.5px;font-weight:650}.brand span{color:#719449;margin-left:3px}nav{display:flex;gap:32px;align-items:center}nav a{text-decoration:none;font-size:14px}nav .login{border:1px solid var(--line);border-radius:30px;padding:9px 19px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-top:84px;padding-bottom:92px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:#719449;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.3vw,84px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin-bottom:28px}h1 em{font-family:Georgia,serif;font-weight:400;color:#6c874f}.intro{max-width:440px;font-size:18px;color:var(--muted);margin-bottom:30px}.button,.bv-next{display:inline-flex;align-items:center;gap:40px;background:var(--green);color:white;padding:17px 25px;border:0;border-radius:40px;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer}.button span{font-size:23px;line-height:1}.quiet{font-size:12px;color:var(--muted);margin-top:16px}.hero-art{background:#e6eadb;border-radius:160px 160px 28px 28px;min-height:460px;position:relative;padding:58px 42px 35px;isolation:isolate}.sun{position:absolute;right:20px;top:-34px;font-size:100px;line-height:1;color:#9cab77;z-index:-1}.orbit{position:absolute;inset:25px;border:1px solid #bec9b1;border-radius:50%;transform:rotate(-25deg);z-index:-1}.routine-card{background:#fffef9;border:1px solid #d9decc;padding:27px;border-radius:15px;transform:rotate(-4deg);box-shadow:0 22px 40px #254b3220}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.7px;font-weight:600}.dot{width:9px;height:9px;background:#b7d476;border-radius:50%}.routine-card h2{font:38px/1.1 Georgia,serif;margin:23px 0}.routine-item{border-top:1px solid var(--line);padding:15px 0;display:flex;gap:12px;align-items:center}.routine-item>span:last-child{margin-left:auto}.routine-icon{background:#e9efda;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:10px}.routine-item strong{font-size:12px;display:block}.routine-item small{display:block;font-size:10px;color:var(--muted)}.card-bottom{border-top:1px solid var(--line);padding-top:17px;font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between}.floating-note{position:absolute;right:-22px;bottom:31px;background:var(--lime);padding:13px 22px;border-radius:12px;font-size:12px;transform:rotate(4deg);box-shadow:0 8px 18px #254b3210}.floating-note span{margin-right:10px}.ribbon{background:var(--green);color:#edf0df;display:flex;justify-content:center;align-items:center;gap:58px;padding:23px;font-size:15px}.ribbon b{color:var(--lime);font-size:25px}.section{padding-top:85px;padding-bottom:85px}.section-title{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.section-title .eyebrow{grid-column:1/-1}h2{font-size:clamp(32px,4vw,49px);line-height:1.12;font-weight:450;letter-spacing:-1.8px}.section-title>p:last-child{align-self:center;max-width:360px;color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.pillars article{border-top:1px solid #bcc6b6;padding-top:22px}.number{font-size:10px;letter-spacing:1.5px;color:#78845f}h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin-top:25px}.pillars p{font-size:14px;color:var(--muted)}.programme{background:#e8eddf;padding:55px;border-radius:24px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.programme h2{font-size:38px}.programme p{max-width:400px;color:var(--muted);font-size:14px}.text-link{text-decoration:none;font-weight:600;font-size:14px}.text-link span{margin-left:25px}.programme-list{align-self:center}.programme-list>div{padding:23px 0;border-bottom:1px solid #c6d1bc;display:flex;gap:25px;font-size:14px}.programme-list span{color:#849374;font-size:11px}.start{text-align:center;max-width:830px}.start>.eyebrow{justify-content:center}.start>p{color:var(--muted)}.footer{padding:32px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:23px}.footer p,.footer div{font-size:11px;color:var(--muted);margin:0}.footer div{display:flex;gap:20px}.content{min-height:60vh;max-width:900px}.content h1{font-size:44px;letter-spacing:-2px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:100}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8ba858;outline-offset:4px}img{max-width:100%;height:auto}.bv-quiz{max-width:600px;margin:30px auto;text-align:left}.bv-progress{height:5px;background:#e0e5d5;border-radius:10px;margin:12px 0 30px}.bv-progress>div{height:100%;background:#709348;border-radius:10px}.bv-options{display:grid;gap:12px;margin:25px 0}.bv-choice{display:flex;align-items:center;gap:12px;border:1px solid #c5cfbc;border-radius:12px;padding:15px;cursor:pointer}.bv-choice:has(input:checked){background:#e5efcf;border-color:#709348}.bv-actions{display:flex;justify-content:space-between;align-items:center}.bv-back{border:0;background:none;color:var(--ink);cursor:pointer;padding:12px}.bv-counter{font-size:12px;color:var(--muted)}.bv-quiz h3{margin-top:0}.bv-note{background:#e8eddf;border-radius:14px;padding:22px}.bv-note p:last-child{margin-bottom:0}.bv-error{color:#a73325}button:disabled{opacity:.5;cursor:default}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;padding-top:55px}.hero-art{padding:45px 20px 35px}.floating-note{right:-10px}nav{gap:18px}.programme{padding:35px;gap:30px}.footer{flex-wrap:wrap}}@media(max-width:650px){.site-header{min-height:80px}.brand{font-size:26px}nav>a:not(.login){display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:45px;padding-bottom:45px}h1{font-size:65px;letter-spacing:-3px}.hero-art{max-width:390px;width:100%;margin:auto;min-height:420px;padding:45px 30px 30px}.intro{font-size:16px}.ribbon{gap:15px;font-size:10px;padding:18px 10px}.ribbon b{font-size:18px}.section{padding:55px 0}.section-title,.pillars,.programme{grid-template-columns:1fr}.section-title{gap:0}.pillars{gap:25px;margin-top:20px}.pillars article h3{margin-top:15px}.programme{padding:30px;gap:20px}.programme h2{font-size:32px}.footer{flex-direction:column;align-items:flex-start}.footer div{flex-wrap:wrap}.routine-card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.woocommerce-account .content,.woocommerce-cart .content,.woocommerce-checkout .content{max-width:1100px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid #ccd4c4;border-radius:9px;padding:12px;background:#fffef9;color:var(--ink)}.woocommerce form.login,.woocommerce form.register{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fffef9}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--green);color:white;border-radius:30px;padding:14px 23px;font-weight:600;font-size:14px}.woocommerce button.button:hover,.woocommerce a.button:hover{background:#396349;color:white}.woocommerce-MyAccount-navigation{border:1px solid var(--line);border-radius:15px;background:#eef0e5;padding:14px}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}.woocommerce-MyAccount-navigation li a{display:block;padding:11px 14px;text-decoration:none;font-size:14px}.woocommerce-MyAccount-navigation li.is-active a{background:#dae6c2;border-radius:9px}.woocommerce-MyAccount-content{padding:0 0 20px 25px}.woocommerce-info,.woocommerce-message{border-top-color:#6c874f;background:#edf0e5}.woocommerce-info:before,.woocommerce-message:before{color:#6c874f}.bv-lessons article{border:1px solid var(--line);border-radius:18px;padding:30px;margin:20px 0;background:#fffef9}.bv-lessons article h2{font-size:30px}.woocommerce table.shop_table{border-radius:12px}.woocommerce-privacy-policy-text{font-size:12px;color:var(--muted)}@media(max-width:650px){.woocommerce-MyAccount-content{padding:25px 0}.woocommerce form.login,.woocommerce form.register{padding:20px}}

/* Draw arrows with CSS so they remain legible without external icon fonts. */
.button span,.routine-item>span:last-child,.floating-note>span,.text-link span,.login span{display:inline-block;font-size:0;vertical-align:middle}.button span::before,.routine-item>span:last-child::before,.floating-note>span::before,.text-link span::before,.login span::before{content:"";display:block;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(-1deg)}.button span{margin-right:2px}.woocommerce .products li.product{list-style:none}.woocommerce div.product .product_title{font-size:42px}.woocommerce-page .content:after{content:"";display:block;clear:both}

@media(max-width:650px){.hero-art .orbit{transform:none}.site-header .brand{font-size:24px}.site-header .login{font-size:12px;padding:8px 12px;white-space:nowrap}h1{font-size:clamp(48px,14vw,65px)}.hero-copy,.hero-art{min-width:0}}