/* ITMind storefront — navy/white, cyan/lime accents */
:root{
  --navy:#0d092b; --navy-2:#161136; --white:#fff; --ink:#e9e8f3;
  --muted:#a6a3c4; --cyan:#4ce1e8; --lime:#c6ff4d;
  --radius:14px; --gap:1.5rem; --maxw:1200px;
  --focus:0 0 0 3px rgba(76,225,232,.55);
}
@media (prefers-reduced-motion:no-preference){
  .hero-orbit{animation:orbit 24s linear infinite}
}
@keyframes orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
*{box-sizing:border-box}
body{background:var(--navy);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;margin:0}
h1,h2,h3{font-weight:700;letter-spacing:-.01em;line-height:1.1}
a{color:var(--cyan)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}
.alignwide{max-width:calc(var(--maxw) + 4rem);margin-inline:auto}
.alignfull{max-width:none;width:100%;margin-inline:0}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,9,43,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;max-width:var(--maxw);margin:0 auto}
.brand-mark{width:190px;height:62px;overflow:hidden;position:relative;flex-shrink:0;display:block}
.brand-mark img{position:absolute;top:-106px;left:-146px;width:480px;max-width:none}
.desktop-nav{display:none;gap:1.5rem;align-items:center}
.desktop-nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.desktop-nav a:hover{color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:.5rem}
.icon-button,.menu-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--ink);cursor:pointer}
.icon-button:hover,.menu-toggle:hover{border-color:var(--cyan)}
.mobile-nav{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1.25rem 1rem;border-top:1px solid rgba(255,255,255,.08)}
.mobile-nav a{min-height:44px;display:flex;align-items:center;color:var(--ink);text-decoration:none;font-weight:600}
@media (min-width:900px){.desktop-nav{display:flex}.menu-toggle{display:none}.mobile-nav{display:none}}

/* layout */
.site-main{display:block}
.section{padding:3rem 0}
.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.section-heading h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0}
.eyebrow{display:inline-block;color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;margin-bottom:.5rem}

/* hero */
.hero{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:3rem 0}
.hero-copy h1{font-size:clamp(2rem,5vw,3.4rem);margin:.25rem 0 1rem}
.hero-copy p{color:var(--muted);max-width:40ch}
.hero-stage{position:relative;min-height:280px;border-radius:var(--radius);background:radial-gradient(circle at 30% 30%,rgba(76,225,232,.18),transparent 60%),var(--navy-2);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.hero-orbit{width:70%;aspect-ratio:1;border:2px dashed rgba(198,255,77,.4);border-radius:50%}
.hero-stat{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}
@media (min-width:900px){.hero{grid-template-columns:1.1fr 1fr}}

/* buttons/forms */
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;font-size:.95rem}
.button.primary{background:var(--cyan);color:var(--navy)}
.button.secondary{background:transparent;border-color:var(--cyan);color:var(--cyan)}
.button.ghost{background:transparent;border-color:rgba(255,255,255,.2);color:var(--ink)}
.button.primary:hover{background:var(--lime)}
.button.secondary:hover,.button.ghost:hover{border-color:var(--lime);color:var(--lime)}
:focus-visible{outline:none;box-shadow:var(--focus)}
.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}
.form-field{display:flex;flex-direction:column;gap:.4rem}
.form-field label{font-weight:600;font-size:.9rem}
input,select,textarea,.form-field input,.form-field select,.form-field textarea{min-height:44px;padding:.6rem .8rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:var(--navy-2);color:var(--ink);font:inherit}
.search-form{display:flex;gap:.5rem;flex-wrap:wrap}
.filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}

/* grids/cards */
.category-grid,.feature-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.product-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.category-card,.product-card,.feature-card,.panel{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.25rem}
.product-art{aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,rgba(76,225,232,.15),rgba(198,255,77,.1));margin-bottom:.75rem}
.product-meta{display:flex;flex-direction:column;gap:.35rem}
.stock-label{font-size:.8rem;font-weight:700;color:var(--lime)}
.badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;background:rgba(76,225,232,.15);color:var(--cyan);font-size:.75rem;font-weight:700}
.pill{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:.85rem}
.stat-row{display:flex;gap:1.5rem;flex-wrap:wrap}
.empty-state{text-align:center;padding:3rem 1rem;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius)}
.empty-state p{color:var(--muted);max-width:40ch;margin-inline:auto}

/* builder */
.builder-layout{display:grid;gap:var(--gap);grid-template-columns:1fr}
.builder-stage{min-height:520px;border-radius:var(--radius);background:var(--navy-2);border:1px solid rgba(255,255,255,.08);position:relative;padding:1rem}
.builder-controls{display:flex;flex-direction:column;gap:1rem}
.builder-part{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12)}
.compatibility-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.compatibility-list li{display:flex;gap:.5rem;align-items:center;font-size:.9rem;color:var(--muted)}
.mockup-result{border-radius:10px;border:1px dashed rgba(255,255,255,.2);padding:1rem;color:var(--muted)}
@media (min-width:900px){.builder-layout{grid-template-columns:1.4fr 1fr}}

/* feedback */
.notice,.status-message,.woocommerce-message,.woocommerce-error,.woocommerce-info{border-radius:10px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.15);background:var(--navy-2)}
.status-message.success,.woocommerce-message{border-color:var(--lime)}
.status-message.error,.woocommerce-error{border-color:#ff6b6b}
.steps{display:flex;flex-direction:column;gap:.75rem;counter-reset:step}
.step{display:flex;gap:.75rem;align-items:flex-start}
.step::before{counter-increment:step;content:counter(step);min-width:28px;height:28px;border-radius:50%;background:var(--cyan);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}

/* chat */
.chat-toggle{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;min-width:56px;min-height:56px;border-radius:50%;background:var(--cyan);color:var(--navy);border:none;font-weight:700;cursor:pointer}
.chat-panel{position:fixed;right:1.25rem;bottom:5.5rem;z-index:60;width:min(340px,90vw);max-height:60vh;display:flex;flex-direction:column;background:var(--navy-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden}
.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}
.chat-message{max-width:85%;padding:.5rem .75rem;border-radius:10px;font-size:.9rem}
.chat-message.user{align-self:flex-end;background:var(--cyan);color:var(--navy)}
.chat-message.assistant{align-self:flex-start;background:rgba(255,255,255,.08)}
.chat-form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid rgba(255,255,255,.1)}
.chat-form input{flex:1}

/* footer */
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:3rem 0;margin-top:2rem}
.footer-grid{display:grid;gap:var(--gap);grid-template-columns:1fr}
.logo-footer{width:150px;height:49px;overflow:hidden;position:relative}
.logo-footer img{position:absolute;top:-84px;left:-115px;width:380px;max-width:none}
.payment-note{color:var(--muted);font-size:.85rem}
@media (min-width:900px){.footer-grid{grid-template-columns:repeat(4,1fr)}}

/* woocommerce defaults */
.woocommerce table.shop_table,.woocommerce-cart table,.woocommerce-checkout table,.woocommerce-account table{width:100%;border-collapse:collapse}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{min-height:44px}
.woocommerce ul.products{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;padding:0}
.woocommerce ul.products li.product{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.25rem}