/*
Theme Name: PrimeX Commerce
Theme URI: https://primexhairsystem.com
Author: PrimeX Hair System
Description: Premium WooCommerce storefront for PrimeX Hair System.
Version: 1.0.0
Text Domain: primex-commerce
*/
:root{--black:#080a0b;--navy:#0b151c;--cream:#f5f1e8;--paper:#fffdf8;--gold:#c8a852;--muted:#716f68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Montserrat,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}.px-announcement{height:34px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.px-header{height:84px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--black);color:#fff;border-bottom:1px solid #292927;position:sticky;top:0;z-index:50}.px-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;letter-spacing:.2em;font-size:18px;width:max-content}.px-diamond{color:var(--gold);font-size:25px;transform:rotate(45deg)}.px-brand small{display:block;font-size:6px;letter-spacing:.45em;color:#aaa;margin-top:3px}.px-nav{display:flex;gap:28px}.px-nav a{text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.13em;color:#ddd}.px-nav a:hover{color:var(--gold)}.px-cart{justify-self:end;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.px-cart-count{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--gold);color:#111;margin-left:7px}.px-menu{display:none;background:transparent;border:0;color:#fff}.px-hero{min-height:700px;background:var(--black);color:white;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.px-hero-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.px-eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.27em;margin:0 0 21px}.px-hero h1,.px-section h2,.px-system-copy h2,.px-pro h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(50px,6.3vw,90px);font-weight:500;line-height:.93;letter-spacing:-.02em;margin:0}.px-hero h1 em{color:var(--gold);font-weight:500}.px-lead{max-width:600px;color:#cbc9c3;line-height:1.75;margin:30px 0;font-size:16px}.px-actions{display:flex;gap:12px}.px-button{padding:17px 25px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.13em;display:inline-block;border:0}.px-primary{background:var(--gold);color:#111}.px-secondary{border:1px solid #5e5d57;color:white}.px-trust{display:flex;gap:24px;margin-top:45px;color:#999;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.px-trust span:before{content:"◆";color:var(--gold);margin-right:7px}.px-hero-art{position:relative;background:radial-gradient(circle at 50% 45%,#23313a,#0b151c 60%);display:grid;place-items:center}.px-halo{position:absolute;width:420px;height:420px;border:1px solid #806a38;border-radius:50%;box-shadow:0 0 90px #c8a85222}.px-box{width:290px;height:390px;background:linear-gradient(145deg,#171919,#050606);border:1px solid #3a372f;box-shadow:0 40px 80px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:rotate(4deg)}.px-box span{font-size:15px;letter-spacing:.35em;color:var(--gold)}.px-box strong{font-family:"Cormorant Garamond",serif;font-size:36px;font-weight:500;margin-top:85px}.px-box small{font-size:7px;letter-spacing:.16em;color:#888;margin-top:12px}.px-categories{display:grid;grid-template-columns:repeat(7,1fr);background:var(--cream);border-bottom:1px solid #d8d1c4}.px-category{min-height:125px;border-right:1px solid #d8d1c4;text-decoration:none;text-align:center;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.09em}.px-category:hover{background:#fff}.px-category i{font-style:normal;width:37px;height:37px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 11px;color:#8b7135;font-family:Georgia,serif;font-size:12px}.px-section{padding:105px 5vw}.px-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.px-head h2{font-size:clamp(44px,5vw,70px)}.px-head>p{max-width:470px;color:var(--muted);font-size:14px;line-height:1.75}.px-products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.px-product{position:relative}.px-product-image{height:370px;background:#e7e0d3;display:grid;place-items:center;overflow:hidden}.px-product:nth-child(3n+2) .px-product-image{background:#111819}.px-product:nth-child(3n+3) .px-product-image{background:var(--gold)}.px-product-image img{width:100%;height:100%;object-fit:cover}.px-product-placeholder{text-align:center}.px-product-placeholder span{display:block;font-size:8px;letter-spacing:.3em}.px-product-placeholder strong{display:block;font-family:Georgia,serif;font-size:36px;margin:70px 0}.px-product h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:28px;margin:14px 0 6px}.px-product-category{font-size:8px;color:#967a3d;text-transform:uppercase;letter-spacing:.16em;margin-top:20px}.px-product-price{font-weight:600;font-size:13px}.px-product .button{position:absolute;right:0;bottom:0;background:transparent;border:0;border-bottom:1px solid var(--gold);padding:6px 0;text-transform:uppercase;font-size:9px;font-weight:700}.px-system{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--cream)}.px-system-visual{background:radial-gradient(circle,#39474e,#11191e);display:grid;place-items:center;position:relative}.px-mesh{width:300px;height:360px;border-radius:50% 50% 42% 42%;background:repeating-linear-gradient(45deg,#b49a65 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,#7c6b49 0 1px,transparent 1px 5px);opacity:.65;box-shadow:0 0 100px #d3b76d33}.px-system-copy{padding:85px 8vw;display:flex;flex-direction:column;justify-content:center}.px-system-copy h2{font-size:clamp(46px,5vw,70px)}.px-system-copy>p:not(.px-eyebrow){color:#666;line-height:1.8}.px-system-copy ul{list-style:none;padding:0;border-top:1px solid #cec6b7}.px-system-copy li{padding:14px 0;border-bottom:1px solid #cec6b7;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.px-results{background:var(--navy);color:white}.px-results .px-head>p{color:#aaa}.px-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.px-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.px-gallery small{display:block;margin-top:11px;color:#aaa;font-size:8px;text-transform:uppercase;letter-spacing:.14em}.px-pro{padding:80px 7vw;background:var(--gold);display:flex;align-items:center;justify-content:space-between;gap:30px}.px-pro h2{font-size:58px}.px-pro p{max-width:650px;line-height:1.7}.px-pro .px-button{background:#0b0c0c;color:#fff}.px-learn{text-align:center}.px-learn h2{max-width:780px;margin:auto}.px-guides{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;margin-top:50px;border-top:1px solid #d7d2c8}.px-guide{padding:34px;border-right:1px solid #d7d2c8}.px-guide:last-child{border:0}.px-guide span{font-family:Georgia,serif;color:var(--gold);font-size:28px}.px-guide h3{font-family:Georgia,serif;font-weight:500;font-size:28px}.px-guide p{font-size:13px;color:#777;line-height:1.7}.px-footer{background:#070808;color:#aaa;padding:55px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.px-footer-links{display:flex;gap:22px}.px-footer a{text-decoration:none}.px-footer small{font-size:9px}.woocommerce .site-main,.woocommerce-page .site-main,.px-page{padding:70px 6vw;max-width:1400px;margin:auto}.woocommerce ul.products li.product .button{background:var(--gold);color:#111}.woocommerce-message,.woocommerce-info{border-top-color:var(--gold)}.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)}
@media(max-width:1000px){.px-header{grid-template-columns:1fr auto auto;gap:14px}.px-menu{display:block}.px-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#090a0b;padding:25px;flex-direction:column}.px-nav.is-open{display:flex}.px-hero{grid-template-columns:1fr}.px-hero-art{min-height:480px}.px-categories{grid-template-columns:repeat(4,1fr)}.px-products{grid-template-columns:repeat(2,1fr)}.px-system{grid-template-columns:1fr}.px-system-visual{min-height:480px}.px-head{align-items:start;flex-direction:column}.px-pro{align-items:start;flex-direction:column}}
@media(max-width:600px){.px-header{padding:0 18px}.px-brand{font-size:15px}.px-hero-copy{padding:70px 22px}.px-hero h1{font-size:54px}.px-actions,.px-trust{flex-direction:column}.px-hero-art{min-height:400px}.px-halo{width:310px;height:310px}.px-box{width:230px;height:315px}.px-categories{grid-template-columns:repeat(2,1fr)}.px-section{padding:75px 20px}.px-products,.px-gallery,.px-guides{grid-template-columns:1fr}.px-system-copy{padding:70px 24px}.px-guide{border-right:0;border-bottom:1px solid #ddd;padding:27px 0}.px-pro{padding:65px 24px}.px-footer{align-items:start;flex-direction:column}}