/*
Theme Name: UKHealthTek VYTA
Theme URI: https://ukhealthtek.co.uk
Author: UKHealthTek
Description: VYTA green-and-cream WordPress design with WooCommerce integration. Adapted from user-supplied static prototype.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ukhealthtek-vyta
*/

    :root{--forest:#10382f;--deep:#0b2925;--green:#6d9472;--lime:#ddedaa;--paper:#fbfbf6;--ink:#193b33;--muted:#61736b;--border:#e1e9df}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #a9bf5c;outline-offset:4px}
    .wrap{width:min(1210px,calc(100% - 72px));margin:auto}.topbar{background:var(--deep);color:#dfece2;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;text-align:center;padding:11px 14px}.topbar b{color:var(--lime)}
    .header{position:sticky;top:0;z-index:20;background:rgba(251,251,246,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}
    .logo{display:flex;gap:12px;align-items:center}.logo-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--forest);color:var(--lime);border-radius:12px;font:800 17px Manrope}.wordmark{font:800 23px Manrope;letter-spacing:-.065em}.wordmark span{color:var(--green)}.header nav{display:flex;align-items:center;gap:29px}.header nav a{font-weight:700;font-size:13px}.header nav a:hover{color:#62936b}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:50px;font-size:13px;font-weight:800;padding:15px 23px;transition:transform .18s,background .18s;white-space:nowrap}.nav-cta{background:var(--forest);color:white}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--forest)}.button-outline{border:1px solid #b6c7bc;color:white}.nav-menu{display:none;background:transparent;border:0;font-size:24px;color:var(--forest)}
    .hero{padding:26px 0 0}.hero-main{display:grid;grid-template-columns:1fr 1fr;min-height:610px;overflow:hidden;border-radius:28px;background:#e9f0e6}.hero-copy{padding:78px 46px 62px 66px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow,.overline{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:11px;color:#6f9564}.eyebrow:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#92b678;margin-right:12px}.hero h1{font:800 clamp(48px,5.1vw,72px)/1.1 Manrope;letter-spacing:-.075em;margin:30px 0 21px;max-width:530px}.hero h1 em{font-style:normal;color:#779e69}.hero-copy p{max-width:420px;color:#64776b;line-height:1.8;font-size:16px;margin:0 0 31px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero .button-primary{background:var(--forest);color:white}.hero .button-outline{color:var(--forest);border-color:#b5c8b5}.hero-foot{margin-top:auto;padding-top:35px;font-size:12px;line-height:1.7;color:#62816c;font-weight:700}.hero-foot:before{content:'✳';font-size:24px;color:#87a96f;margin-right:10px;vertical-align:middle}
    .hero-visual{position:relative;background:radial-gradient(ellipse at 49% 36%,#376e53 0%,#194d3c 40%,#0c2f2b 82%);min-height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border:1px solid #b6d6b232;width:640px;height:640px;border-radius:100%;top:-50px;left:-20px}.orb.two{width:440px;height:440px;top:50px;left:85px}.ring-illustration{position:relative;width:360px;height:360px;transform:rotate(-24deg);filter:drop-shadow(18px 26px 15px #031b1866)}.ring-illustration svg{width:100%;height:100%}.sensor-badge{position:absolute;right:25px;top:132px;background:#f4f7e9;border-radius:17px;padding:18px 20px;box-shadow:0 16px 35px #0003;transform:rotate(5deg);color:var(--forest);font-weight:800}.sensor-badge small{display:block;color:#698473;font-size:10px;letter-spacing:.07em;margin-bottom:5px}.sensor-badge strong{font:800 27px Manrope}.visual-caption{position:absolute;left:38px;bottom:36px;color:white}.visual-caption small{font-size:10px;letter-spacing:.17em;color:var(--lime);font-weight:800}.visual-caption strong{display:block;font:800 26px Manrope;margin-top:8px;letter-spacing:-.05em}
    .qualities{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:27px 13px}.qualities span{font-size:12px;color:#617769;font-weight:800}.qualities span b{font-size:18px;vertical-align:middle;color:#7a9f7a;margin-right:7px}
    section.block{padding-top:94px}.title-row{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:33px}.title-row h2{font:800 clamp(32px,3.4vw,49px)/1.13 Manrope;letter-spacing:-.064em;margin:11px 0 0}.title-row p{max-width:380px;color:var(--muted);line-height:1.7;font-size:14px;margin:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tile{padding:31px;border-radius:23px;min-height:330px;position:relative;overflow:hidden;background:#eaf0e6;transition:transform .18s}.tile:hover{transform:translateY(-5px)}.tile:nth-child(2){background:#e9ede9}.tile:nth-child(3){background:#f3ebe1}.tile h3{font:800 24px Manrope;letter-spacing:-.05em;margin:0 0 8px}.tile p{color:#687b6f;margin:0;font-size:13px;line-height:1.6}.tile .arrow{position:absolute;right:27px;top:28px;border:1px solid #a5b9a8;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.tile-art{position:absolute;right:-20px;bottom:-23px;width:240px;height:210px;display:grid;place-items:center}.tile-art svg{width:100%;height:100%;filter:drop-shadow(9px 15px 13px #10291f21)}
    .spotlight{display:grid;grid-template-columns:1fr 1fr;margin-top:103px;overflow:hidden;border-radius:28px;background:var(--deep);color:white}.spotlight-copy{padding:80px 64px}.spotlight-copy .overline{color:var(--lime)}.spotlight-copy h2{font:800 clamp(35px,3.6vw,55px)/1.13 Manrope;letter-spacing:-.065em;margin:16px 0 18px}.spotlight-copy p{color:#c4d8cb;line-height:1.8;font-size:15px;margin-bottom:31px}.spotlight-visual{background:#dfead9;display:flex;align-items:center;justify-content:center;min-height:430px;position:relative}.spotlight-card{border-radius:27px;background:#f9fcf4;padding:32px;max-width:360px;width:80%;box-shadow:18px 28px 0 #acc7b6,0 25px 45px #0e34202b;transform:rotate(-5deg);color:var(--ink)}.spotlight-label{font-size:12px;font-weight:800;color:#7e9f78}.vyta-logo{font:800 68px Manrope;letter-spacing:-.1em;color:#1e4d40;line-height:1.25}.spotlight-card p{line-height:1.7;color:#617c6d;font-size:13px}.mini-chip{border:1px solid #cfddd0;border-radius:50px;padding:10px 14px;display:inline-block;font-size:11px;font-weight:800;margin-top:13px}
    .note{padding:82px 0 100px;display:grid;grid-template-columns:1fr 1.25fr;gap:65px}.note h2{font:800 40px/1.2 Manrope;letter-spacing:-.06em;margin:8px 0}.note p{color:#607467;line-height:1.8;font-size:15px;margin:0}.footer{background:#0d2c27;color:#d5e7dc;padding:55px 0 26px}.foot-main{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer .wordmark{color:white}.footer .wordmark span{color:var(--lime)}.foot-main p{font-size:13px;color:#aac2b3;margin-bottom:0}.foot-nav{display:flex;gap:24px;font-size:13px;font-weight:700}.foot-end{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:24px;border-top:1px solid #285247;font-size:11px;color:#8fb09e;line-height:1.5}
    @media(max-width:920px){.header nav{gap:13px}.hero-copy{padding:60px 30px}.hero h1{font-size:53px}.ring-illustration{width:290px;height:290px}.sensor-badge{right:14px;top:120px}.spotlight-copy{padding:50px 35px}}
    @media(max-width:700px){.wrap{width:calc(100% - 28px)}.header-inner{min-height:69px}.wordmark{font-size:20px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:22px;box-shadow:0 15px 30px #12362622;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.nav-menu{display:block}.nav-cta{padding:12px 16px;font-size:11px}.hero{padding-top:14px}.hero-main{grid-template-columns:1fr;border-radius:21px}.hero-copy{min-height:490px;padding:50px 28px 36px}.hero h1{font-size:clamp(43px,11vw,67px)}.hero-visual{min-height:350px}.ring-illustration{width:260px;height:260px}.sensor-badge{top:75px;right:12px;padding:13px}.sensor-badge strong{font-size:22px}.visual-caption{left:25px;bottom:25px}.qualities{gap:14px;justify-content:space-around}.qualities span{font-size:10px}section.block{padding-top:66px}.title-row{display:block}.title-row p{margin-top:17px}.tiles{grid-template-columns:1fr}.tile{min-height:223px}.tile-art{width:190px;height:175px;right:0}.spotlight{grid-template-columns:1fr;margin-top:75px}.spotlight-copy{padding:46px 28px}.spotlight-visual{min-height:350px}.note{grid-template-columns:1fr;gap:15px;padding:65px 0}.note h2{font-size:34px}.foot-main{align-items:flex-start;flex-direction:column}.foot-end{display:block}.foot-end span{display:block;margin-bottom:12px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
  
/* WordPress/WooCommerce templates */
.vyta-content{width:min(1180px,calc(100% - 48px));margin:55px auto 90px;min-height:45vh}
.vyta-content h1{font:800 clamp(30px,4vw,54px)/1.13 Manrope,sans-serif;letter-spacing:-.045em}
.vyta-content .woocommerce ul.products li.product{border:1px solid #e1e9df;background:#fff;border-radius:18px;padding:15px;text-align:left}
.vyta-content .woocommerce ul.products li.product .button,.vyta-content .woocommerce a.button,.vyta-content .woocommerce button.button,.vyta-content .woocommerce input.button{background:#10382f;color:white;border-radius:30px;padding:13px 20px}
.vyta-content .woocommerce span.onsale{background:#10382f}
.vyta-content .woocommerce a{color:#10382f}
.vyta-content input,.vyta-content select,.vyta-content textarea{max-width:100%}
.vyta-main-header{border-bottom:1px solid #e1e9df;background:#fbfbf6}
.vyta-main-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:85px}
.vyta-main-header nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:700}
.vyta-footer{background:#0b2925;color:#e5f0e2;padding:30px 0;font-size:13px}
.vyta-footer a{color:#ddedaa}
@media(max-width:660px){.vyta-main-header .wrap{flex-direction:column;padding:18px 0}.vyta-main-header nav{justify-content:center}}