/*
Theme Name: ARC Compounds Professional
Theme URI: https://arccompounds.net
Author: ARC Compounds
Description: Premium WooCommerce theme for ARC Compounds.
Version: 4.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: arc-compounds-pro
License: GPL-2.0-or-later
*/
:root{--b:#0877e8;--b2:#39a7ff;--d:#020711;--n:#07162b;--i:#101828;--m:#667085;--l:#d9e3ef;--s:#f4f8fc;--w:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--i);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1200px,90vw);margin:auto}
.arc-alert{padding:9px 15px;text-align:center;color:#fff;background:linear-gradient(90deg,#06346d,#0b86f7,#06346d);font-size:11px;font-weight:900;letter-spacing:.12em}
.site-head{position:sticky;top:0;z-index:50;background:rgba(2,7,17,.96);border-bottom:1px solid rgba(67,164,255,.18);backdrop-filter:blur(14px)}.admin-bar .site-head{top:32px}
.head-in{min-height:92px;display:flex;align-items:center;gap:28px}.brand img{width:155px;height:72px;object-fit:cover;border-radius:10px}.nav{display:flex;gap:26px;margin-left:auto;color:#fff;font-size:13px;font-weight:800}.nav a:hover{color:#64b7ff}.head-actions{display:flex;gap:10px}.head-actions a{padding:12px 15px;border-radius:9px;font-size:13px;font-weight:900}.phone{border:1px solid rgba(255,255,255,.22);color:#fff}.cart{background:var(--b);color:#fff}.hamb{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:25px}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 42%,rgba(0,125,255,.43),transparent 35%),linear-gradient(135deg,#01050b,#06172e 60%,#02070f)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(27,105,203,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(27,105,203,.08) 1px,transparent 1px);background-size:46px 46px}
.hero-in{position:relative;z-index:2;min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:6vw;padding:76px 0}.eyebrow{margin:0 0 14px;color:#58b5ff;font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1,.sec h2{font-family:Arial Black,Arial,sans-serif;text-transform:uppercase;line-height:1.02;letter-spacing:-.035em}.hero h1{font-size:clamp(47px,6vw,87px);margin:0}.hero h1 span{color:#42aaff}.hero p{max-width:660px;color:#c8d6e4;font-size:18px;line-height:1.7}.hero-btns{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex!important;justify-content:center;align-items:center;border:0!important;border-radius:10px!important;padding:15px 22px!important;font-weight:900!important}.primary,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:linear-gradient(135deg,#0b89ff,#0750aa)!important;color:#fff!important}.light{background:#fff;color:#064a96}.trust{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#dbe7f2}.trust span:before{content:"✓ ";color:#51b3ff}.hero-art img{position:relative;z-index:2;border-radius:23px;box-shadow:0 32px 70px rgba(0,0,0,.6)}
.proof{position:relative;z-index:3;margin-top:-52px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#07111e;border:1px solid #22354c;border-radius:18px;overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.28)}.proof-grid div{padding:25px;border-right:1px solid #22354c}.proof-grid div:last-child{border:0}.proof-grid b{display:block;color:#47abff;text-transform:uppercase;font-size:13px}.proof-grid span{display:block;color:#9eb0c4;font-size:12px;line-height:1.5;margin-top:6px}
.sec{padding:96px 0}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.sec h2{font-size:clamp(38px,4.4vw,66px);margin:0}.muted{max-width:680px;color:var(--m);line-height:1.7}.dark{background:linear-gradient(135deg,#061325,#0a2548);color:#fff}.dark .muted{color:#b8c8d9}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:30px;border-radius:18px;background:#fff;border:1px solid var(--l);box-shadow:0 12px 30px rgba(4,36,73,.08)}.dark .info-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.info-card h3{font-size:22px;margin-top:0}.info-card p{color:var(--m);line-height:1.7}.dark .info-card p{color:#b8c8d9}
.visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visual{min-height:330px;display:flex;align-items:end;border-radius:20px;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.15)}.visual>div{width:100%;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.95));color:#fff}.visual h3{font-size:25px;text-transform:uppercase;margin:0}.visual p{color:#d6e1ec;line-height:1.55}
.woocommerce .products ul,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:18px!important;border:1px solid var(--l);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(5,34,68,.07);transition:.2s}.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(5,34,68,.14)}.woocommerce ul.products li.product img{height:220px;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px!important}.woocommerce ul.products li.product .price{color:#0756ad!important;font-size:18px!important;font-weight:900}
.content{width:min(1180px,90vw);margin:auto;padding:70px 0;line-height:1.75}.research-note{margin:22px 0;padding:22px;border-left:5px solid var(--b);background:var(--s);border-radius:10px}
.footer{background:#020711;color:#92a5b8;padding:52px 0}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:42px}.foot-logo{width:220px;border-radius:12px}.footer h3{color:#fff}.footer a{display:block;margin:8px 0}.footer a:hover{color:#58b5ff}
@media(max-width:1000px){.hero-in{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2,1fr)}.woocommerce .products ul,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.cards,.visuals{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.admin-bar .site-head{top:46px}.head-in{flex-wrap:wrap}.hamb{display:block}.nav{display:none;order:5;width:100%;flex-direction:column;align-items:flex-start;margin:0;padding:18px 0}.nav.open{display:flex}.phone{display:none}.hero-in{min-height:auto;padding:70px 0 110px}.hero h1{font-size:45px}.proof-grid{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid #22354c}.sec-head{align-items:flex-start;flex-direction:column}.foot-grid{grid-template-columns:1fr;text-align:center}.foot-logo{margin:auto}}
@media(max-width:520px){.woocommerce .products ul,.woocommerce ul.products{grid-template-columns:1fr}.hero-btns{flex-direction:column}.brand img{width:125px;height:58px}}

/* Professional storefront upgrades */
body.woocommerce-shop{background:linear-gradient(180deg,#f7faff,#fff 420px)}
body.woocommerce-shop .content{max-width:1300px}
.woocommerce-products-header{padding:30px 0 10px}
.woocommerce-products-header__title.page-title{font-family:Arial Black,Arial,sans-serif;text-transform:uppercase;font-size:52px}
.woocommerce-result-count{color:#667085}
.woocommerce-ordering select{padding:12px 36px 12px 14px;border:1px solid #d9e3ef;border-radius:9px;background:#fff}
.woocommerce ul.products li.product{overflow:hidden}
.woocommerce ul.products li.product img{border-radius:11px;background:#061325}
.woocommerce ul.products li.product .button{width:100%;margin-top:14px!important}
.single-product .product_title{font-family:Arial Black,Arial,sans-serif;text-transform:uppercase}
.single-product div.product .woocommerce-product-gallery__image img{border-radius:18px;background:#061325}
.single-product .summary{padding:20px}
.single-product .price{color:#0756ad!important;font-size:28px!important;font-weight:900}
.woocommerce-tabs{margin-top:45px}
.woocommerce-tabs ul.tabs li{border-radius:10px 10px 0 0!important}
@media(max-width:760px){.woocommerce-products-header__title.page-title{font-size:38px}}