/*
Theme Name: Okshop Voltage
Theme URI: https://adobbi.com/
Author: Adobbi
Author URI: https://adobbi.com/
Description: A website generated by Adobbi. This theme renders your compiled site chrome (header/footer) and design tokens; page content is managed by the Adobbi Connector.
Version: c9090e39eee96a9c29b5961879e47c06
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adobbi-site
*/

*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;text-wrap:balance}p{margin:0}
:root{--bg:#0B0F1A;--surface:#131A2B;--surface-alt:#1B2embed;--text:#F2F5FF;--muted:#8A94AD;--primary:#FF6B1A;--accent:#12D8A0;--border:#26304A;--radius:14px;--font-heading:'Space Grotesk',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif}
.wpn-nav{
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 100;
  font-family: var(--font-body);
}.wpn-nav .wpn-nav__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}.wpn-nav .wpn-nav__brand{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--text);
}.wpn-nav .wpn-nav__mark{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 50%, var(--accent)));
  color: #fff;
}.wpn-nav .wpn-nav__mark svg{ width: 21px; height: 21px; }.wpn-nav .wpn-nav__name{
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: -0.02em;
}.wpn-nav .wpn-nav__menu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 30px;
}.wpn-nav .wpn-nav__menu a{
  text-decoration: none;
  color: var(--muted);
  font-size: 0.95rem;
  font-weight: 500;
  transition: color 0.2s ease;
  position: relative;
}.wpn-nav .wpn-nav__menu a:hover{ color: var(--text); }.wpn-nav .wpn-nav__menu a:not(.wpn-nav__cta)::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: var(--primary);
  transition: width 0.25s ease;
}.wpn-nav .wpn-nav__menu a:not(.wpn-nav__cta):hover::after{ width: 100%; }.wpn-nav .wpn-nav__cta{
  display: inline-block;
  padding: 10px 22px;
  border-radius: var(--radius);
  background: var(--primary);
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary) 35%, transparent);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}.wpn-nav .wpn-nav__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--primary) 45%, transparent);
}.wpn-nav .wpn-nav__checkbox,.wpn-nav .wpn-nav__burger{ display: none; }.wpn-nav .wpn-nav__burger{
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border-radius: 10px;
}.wpn-nav .wpn-nav__burger span{
  width: 22px;
  height: 2px;
  background: var(--text);
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}@media (max-width: 860px){.wpn-nav .wpn-nav__burger{ display: flex; }.wpn-nav .wpn-nav__menu{
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: 8px 20px 20px;
    transform: translateY(-140%);
    transition: transform 0.35s ease;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
  }.wpn-nav .wpn-nav__checkbox:checked ~ .wpn-nav__menu{ transform: translateY(0); }.wpn-nav .wpn-nav__menu li{ padding: 4px 0; border-bottom: 1px solid var(--border); }.wpn-nav .wpn-nav__cta-item{ border-bottom: none; margin-top: 12px; }.wpn-nav .wpn-nav__menu a{ display: block; padding: 12px 4px; color: var(--text); }.wpn-nav .wpn-nav__cta{ text-align: center; padding: 14px; }.wpn-nav .wpn-nav__checkbox:checked ~ .wpn-nav__burger span:nth-child(1){ transform: translateY(7px) rotate(45deg); }.wpn-nav .wpn-nav__checkbox:checked ~ .wpn-nav__burger span:nth-child(2){ opacity: 0; }.wpn-nav .wpn-nav__checkbox:checked ~ .wpn-nav__burger span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }}

.wpn-footer{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  border-top:1px solid var(--border);
  padding:4rem 1.5rem 2rem;
  position:relative;
  overflow:hidden;
}.wpn-footer::before{
  content:"";
  position:absolute;
  top:-40%;
  right:-10%;
  width:420px;
  height:420px;
  background:radial-gradient(circle,var(--primary),transparent 70%);
  opacity:.14;
  pointer-events:none;
}.wpn-footer .wpn-footer__inner{
  max-width:1180px;
  margin:0 auto;
  position:relative;
}.wpn-footer .wpn-footer__top{
  display:grid;
  gap:3rem;
  grid-template-columns:1fr;
}.wpn-footer .wpn-footer__logo{
  font-family:var(--font-heading);
  font-size:1.8rem;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--text);
  text-decoration:none;
}.wpn-footer .wpn-footer__logo span{color:var(--primary);}.wpn-footer .wpn-footer__tagline{
  color:var(--muted);
  max-width:34ch;
  margin:1rem 0 2rem;
  line-height:1.6;
}.wpn-footer .wpn-footer__newsletter{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
  max-width:400px;
}.wpn-footer .wpn-footer__newsletter h3{
  font-family:var(--font-heading);
  margin:0 0 .35rem;
  font-size:1.15rem;
}.wpn-footer .wpn-footer__newsletter p{
  color:var(--muted);
  font-size:.9rem;
  margin:0 0 1rem;
}.wpn-footer .wpn-footer__groups{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(3,1fr);
}.wpn-footer .wpn-footer__group h4{
  font-family:var(--font-heading);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--accent);
  margin:0 0 1.1rem;
}.wpn-footer .wpn-footer__group ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.7rem;
}.wpn-footer .wpn-footer__group a,.wpn-footer .wpn-footer__group span{
  color:var(--muted);
  text-decoration:none;
  font-size:.95rem;
  transition:color .2s;
}.wpn-footer .wpn-footer__group a:hover{color:var(--primary);}.wpn-footer .wpn-footer__bottom{
  margin-top:3rem;
  padding-top:1.5rem;
  border-top:1px solid var(--border);
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  justify-content:space-between;
  align-items:center;
}.wpn-footer .wpn-footer__note,.wpn-footer .wpn-footer__ships{
  margin:0;
  color:var(--muted);
  font-size:.85rem;
}@media(min-width:820px){.wpn-footer .wpn-footer__top{
    grid-template-columns:1.3fr 2fr;
  }}

.wpcf7 input:not([type=submit]),.wpcf7 textarea,.wpcf7 select,.mc4wp-form input:not([type=submit]),.ssa input,.ssa select{font-family:var(--font-body);border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--text);padding:12px 14px}.wpcf7 input[type=submit],.mc4wp-form input[type=submit],.mc4wp-form button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.ssa .ssa-submit,.wp-block-button__link{background:var(--primary)!important;color:var(--surface)!important;border:none!important;border-radius:var(--radius)!important;font-family:var(--font-body)!important;font-weight:600;padding:12px 22px}.woocommerce ul.products li.product{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--surface)}.woocommerce ul.products li.product .price,.woocommerce .price{color:var(--primary)!important;font-weight:700}.woocommerce a,.mc4wp-form a,.ssa a{color:var(--primary)}
:root{--wpn-mo-dur:0.8s;--wpn-mo-ease:ease-out;--wpn-mo-dist:18px;--wpn-mo-step:110}html.wpn-motion [data-motion="reveal"],html.wpn-motion .wpn-stg-child{opacity:0;transform:translateY(var(--wpn-mo-dist));transition:opacity var(--wpn-mo-dur) var(--wpn-mo-ease),transform var(--wpn-mo-dur) var(--wpn-mo-ease)}html.wpn-motion [data-motion="stagger"]:not(.wpn-stg-ready){opacity:0}html.wpn-motion [data-motion="reveal"][data-motion-variant="fade"]{transform:none}html.wpn-motion [data-motion="reveal"][data-motion-variant="scale"]{transform:scale(.94)}html.wpn-motion [data-motion="reveal"][data-motion-variant="blur"]{filter:blur(10px);transition:opacity var(--wpn-mo-dur) var(--wpn-mo-ease),transform var(--wpn-mo-dur) var(--wpn-mo-ease),filter var(--wpn-mo-dur) var(--wpn-mo-ease)}html.wpn-motion [data-motion="reveal"][data-motion-variant="left"]{transform:translateX(calc(-1*var(--wpn-mo-dist)))}html.wpn-motion [data-motion="reveal"][data-motion-variant="right"]{transform:translateX(var(--wpn-mo-dist))}html.wpn-motion [data-motion="parallax"]{will-change:transform}html.wpn-motion [data-motion].wpn-in,html.wpn-motion .wpn-stg-child.wpn-in{opacity:1;transform:none;filter:none}@media (prefers-reduced-motion:reduce){html.wpn-motion [data-motion],html.wpn-motion .wpn-stg-child{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
