/*
Theme Name: SmartXcess
Theme URI: https://smartxcess.in
Author: SmartXcess
Description: Editable block theme for SmartXcess — Elevate Your Tech Experience. Built for Gutenberg/Site Editor with the SmartXcess cyber-tech visual system.
Version: 2.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: smartxcess
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&display=swap');

:root {
  --sx-ink:#07070a;
  --sx-graphite:#1c1c1c;
  --sx-panel:#0f0f13;
  --sx-carbon:#15151a;
  --sx-line:rgba(255,255,255,.09);
  --sx-cyber:#007bff;
  --sx-cyber-bright:#3d9bff;
  --sx-neon:#39ff14;
  --sx-silver:#c0c0c0;
  --sx-mist:#8a8f98;
  --sx-max:1280px;
}

html { scroll-behavior:smooth; background:var(--sx-ink); }
body { margin:0; background:var(--sx-ink); color:#fff; font-family:"Montserrat",system-ui,sans-serif; overflow-x:hidden; }
body.admin-bar .sx-site-header { top:32px; }
@media (max-width:782px){ body.admin-bar .sx-site-header{top:46px;} }

h1,h2,h3,h4,h5,h6,.sx-display,.wp-block-navigation,.wp-block-button,.sx-kicker,.sx-price,.sx-label,.sx-stat-value,.sx-logo-text {
  font-family:"Orbitron",system-ui,sans-serif;
}
a { color:inherit; }
::selection{background:var(--sx-cyber);color:#fff;}
img{max-width:100%;height:auto;}

.sx-wrap{max-width:var(--sx-max);margin-inline:auto;padding-inline:22px;}
.sx-section{position:relative;padding-block:110px;overflow:hidden;}
.sx-section > .wp-block-group__inner-container,
.sx-section > .wp-block-columns{position:relative;z-index:1;}
.sx-dark{background:var(--sx-panel);}
.sx-ink{background:var(--sx-ink);}
.sx-panel{background:var(--sx-panel);border:1px solid var(--sx-line);}
.sx-grid-bg{
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:58px 58px;
}
.sx-noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");}

.sx-site-header{
  position:fixed;top:0;left:0;right:0;z-index:90;
  transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease;
}
.sx-site-header.is-scrolled{background:rgba(7,7,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--sx-line);}
.sx-header-inner{min-height:72px;}
.sx-header-logo img{width:190px;display:block;}
.sx-header-nav .wp-block-navigation-item__content{
  color:rgba(192,192,192,.82);font:600 11px "Orbitron",sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
}
.sx-header-nav .wp-block-navigation-item__content:hover{color:#fff;}
.sx-btn,.wp-block-button__link{
  font-family:"Orbitron",sans-serif!important;font-weight:700!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;text-decoration:none!important;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.sx-btn:hover,.wp-block-button__link:hover{transform:translateY(-2px);}
.sx-btn-primary,.sx-btn-primary .wp-block-button__link{background:var(--sx-cyber)!important;color:#fff!important;}
.sx-btn-primary:hover{background:var(--sx-cyber-bright)!important;box-shadow:0 0 28px rgba(0,123,255,.35);}
.sx-btn-outline,.sx-btn-outline .wp-block-button__link{background:transparent!important;border:1px solid var(--sx-line)!important;color:var(--sx-silver)!important;}
.sx-btn-outline:hover{border-color:rgba(57,255,20,.6)!important;color:var(--sx-neon)!important;}

.sx-kicker{font-size:11px;font-weight:700;letter-spacing:.38em;color:var(--sx-cyber);text-transform:uppercase;}
.sx-kicker:before{content:"";display:inline-block;width:38px;height:1px;background:var(--sx-cyber);vertical-align:middle;margin-right:12px;}
.sx-hero{min-height:860px;padding-top:150px;display:flex;align-items:center;}
.sx-hero:before{content:"";position:absolute;width:600px;height:600px;right:0;top:110px;border-radius:50%;background:rgba(0,123,255,.10);filter:blur(100px);}
.sx-hero-title{font-size:clamp(48px,7.8vw,106px)!important;line-height:.98!important;letter-spacing:-.04em!important;text-transform:uppercase!important;margin:26px 0 0!important;}
.sx-outline{color:transparent!important;-webkit-text-stroke:1.5px rgba(192,192,192,.55);}
.sx-blue-text{background:linear-gradient(90deg,var(--sx-cyber),var(--sx-cyber-bright));-webkit-background-clip:text;background-clip:text;color:transparent;}
.sx-neon-dot{color:var(--sx-neon);}
.sx-hero-copy{max-width:620px;color:var(--sx-mist);font-size:15px;line-height:1.8;}
.sx-stats{border-top:1px solid var(--sx-line);margin-top:55px;padding-top:26px;}
.sx-stat-value{font-size:28px;font-weight:800;}
.sx-stat-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-mist);margin-top:6px;}
.sx-stage{position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(#15151a,#0f0f13);box-shadow:0 30px 90px rgba(0,123,255,.08);}
.sx-stage:before,.sx-stage:after{content:"";position:absolute;width:28px;height:28px;z-index:2;}
.sx-stage:before{left:-1px;top:-1px;border-left:2px solid var(--sx-cyber);border-top:2px solid var(--sx-cyber);}
.sx-stage:after{right:-1px;bottom:-1px;border-right:2px solid var(--sx-neon);border-bottom:2px solid var(--sx-neon);}
.sx-stage img{display:block;width:100%;aspect-ratio:1408/768;object-fit:cover;}
.sx-stage-caption{border-top:1px solid var(--sx-line);background:rgba(7,7,10,.8);padding:12px 16px;font:600 10px "Orbitron";letter-spacing:.25em;color:var(--sx-silver);}
.sx-float-tag{position:absolute;right:-18px;top:32px;padding:12px 16px;background:rgba(7,7,10,.9);border:1px solid rgba(57,255,20,.45);z-index:3;}
.sx-price{font-size:19px;font-weight:800;color:var(--sx-neon);}
.sx-float-small{font:600 9px "Orbitron";letter-spacing:.22em;color:var(--sx-mist);}

.sx-marquee{border-block:1px solid var(--sx-line);background:rgba(15,15,19,.75);overflow:hidden;padding-block:20px;}
.sx-marquee-track{display:flex;width:max-content;animation:sx-marquee 32s linear infinite;}
.sx-marquee-item{display:flex;align-items:center;gap:30px;padding-inline:24px;white-space:nowrap;font:800 27px "Orbitron";letter-spacing:.08em;text-transform:uppercase;}
.sx-marquee-item span:nth-child(1){color:#fff;}
.sx-marquee-item span:nth-child(2){color:transparent;-webkit-text-stroke:1px rgba(192,192,192,.55);}
.sx-marquee-x{color:var(--sx-cyber);font-size:22px;}
@keyframes sx-marquee{to{transform:translateX(-50%);}}

.sx-section-title{font-size:clamp(38px,5vw,64px)!important;line-height:1.02!important;text-transform:uppercase!important;letter-spacing:-.03em!important;}
.sx-muted{color:var(--sx-mist)!important;}
.sx-card{position:relative;border:1px solid var(--sx-line);background:var(--sx-panel);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden;}
.sx-card:hover{transform:translateY(-6px);border-color:rgba(0,123,255,.55);box-shadow:0 20px 60px rgba(0,123,255,.12);}
.sx-card-media{position:relative;background:#000;overflow:hidden;}
.sx-card-media img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .7s ease;}
.sx-card:hover .sx-card-media img{transform:scale(1.07);}
.sx-card-body{padding:22px;}
.sx-product-cat{font:600 10px "Orbitron";letter-spacing:.28em;color:var(--sx-cyber);text-transform:uppercase;}
.sx-product-name{font:700 19px "Orbitron";letter-spacing:.03em;margin:8px 0 0;}
.sx-product-blurb{font-size:12px;color:var(--sx-mist);margin:5px 0 0;}
.sx-product-bottom{border-top:1px solid var(--sx-line);margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;}
.sx-product-price{font:800 22px "Orbitron";}
.sx-tag{position:absolute;top:12px;left:12px;z-index:2;padding:5px 9px;font:700 9px "Orbitron";letter-spacing:.14em;text-transform:uppercase;}
.sx-tag-blue{background:var(--sx-cyber);}
.sx-tag-green{background:var(--sx-neon);color:#000;}
.sx-tag-white{background:#fff;color:#000;}
.sx-filter{border:1px solid var(--sx-line)!important;background:transparent!important;color:var(--sx-mist)!important;border-radius:0!important;padding:9px 15px!important;font:700 10px "Orbitron"!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
.sx-filter.is-active,.sx-filter:hover{border-color:var(--sx-cyber)!important;background:var(--sx-cyber)!important;color:#fff!important;}

.sx-feature-image{position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(#15151a,#0f0f13);padding:0;}
.sx-feature-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;}
.sx-spec{border:1px solid var(--sx-line);background:rgba(7,7,10,.65);padding:12px 14px;font:600 10px "Orbitron";letter-spacing:.05em;color:var(--sx-silver);}
.sx-bar{height:5px;background:rgba(255,255,255,.06);}
.sx-bar > span{display:block;height:100%;background:linear-gradient(90deg,var(--sx-cyber),var(--sx-cyber-bright),var(--sx-neon));width:var(--sx-value);box-shadow:0 0 14px rgba(0,123,255,.35);}

.sx-why-card{padding:28px;min-height:245px;}
.sx-why-number{position:absolute;right:10px;top:-8px;font:900 70px "Orbitron";color:rgba(255,255,255,.045);}
.sx-icon-box{width:48px;height:48px;border:1px solid var(--sx-line);display:flex;align-items:center;justify-content:center;color:var(--sx-cyber);}
.sx-trust{border-top:1px solid var(--sx-line);padding-top:26px;font:600 10px "Orbitron";letter-spacing:.22em;color:var(--sx-silver);text-transform:uppercase;}

.sx-brand-banner{min-height:400px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border-block:1px solid var(--sx-line);overflow:hidden;}
.sx-brand-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.sx-brand-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#07070a 0%,rgba(7,7,10,.3) 50%,#07070a 100%);}
.sx-brand-banner-content{position:relative;z-index:1;max-width:900px;padding:40px 22px;}
.sx-quote{font:800 clamp(28px,4vw,48px) "Orbitron";text-transform:uppercase;line-height:1.15;}
.sx-swatch{height:112px;}
.sx-swatch-card{border:1px solid var(--sx-line);background:var(--sx-panel);}
.sx-swatch-info{padding:15px;}
.sx-swatch-name{font:700 13px "Orbitron";}
.sx-swatch-hex{font:600 11px "Orbitron";color:var(--sx-cyber);}

.sx-review{padding:28px;min-height:270px;}
.sx-stars{color:var(--sx-neon);letter-spacing:2px;}
.sx-avatar{width:40px;height:40px;border:1px solid rgba(0,123,255,.4);background:rgba(0,123,255,.1);display:flex;align-items:center;justify-content:center;color:var(--sx-cyber);font:700 12px "Orbitron";}

.sx-cta{padding-block:140px;text-align:center;}
.sx-cta:before{content:"SX";position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);font:900 350px "Orbitron";color:rgba(255,255,255,.02);pointer-events:none;}
.sx-cta-glow{position:absolute;left:50%;top:50%;width:720px;height:440px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,123,255,.10);filter:blur(130px);pointer-events:none;}
.sx-cta-title{font-size:clamp(44px,7.5vw,92px)!important;line-height:1!important;text-transform:uppercase!important;}
.sx-footer{border-top:1px solid var(--sx-line);background:rgba(15,15,19,.6);}
.sx-footer-watermark{font:900 13vw "Orbitron";line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(192,192,192,.1);white-space:nowrap;opacity:.5;overflow:hidden;text-align:center;margin:40px 0 -10px;}
.sx-footer a{text-decoration:none;color:var(--sx-mist);}
.sx-footer a:hover{color:#fff;}
.sx-footer-heading{font:700 11px "Orbitron";letter-spacing:.3em;color:var(--sx-cyber);text-transform:uppercase;}

.sx-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.sx-reveal.is-visible{opacity:1;transform:none;}
.sx-float{animation:sx-float 7s ease-in-out infinite;}
@keyframes sx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.wp-block-image img{border-radius:0;}
.wp-site-blocks{padding:0!important;}
.wp-block-template-part{margin:0!important;}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{background:rgba(7,7,10,.97);padding:30px;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:28px;line-height:1.2;color:#fff;}
.wp-block-separator{border-color:var(--sx-line);}
@media (max-width:1024px){
  .sx-hero{min-height:auto;padding-top:130px;}
  .sx-section{padding-block:90px;}
}
@media (max-width:781px){
  .sx-wrap{padding-inline:18px;}
  .sx-section{padding-block:75px;}
  .sx-hero-title{font-size:clamp(43px,13vw,72px)!important;}
  .sx-hero{padding-top:115px;}
  .sx-float-tag{right:10px;}
  .sx-stage-caption{font-size:8px;}
  .sx-marquee-item{font-size:20px;}
  .sx-brand-banner{min-height:320px;}
  .sx-cta:before{font-size:180px;}
  .sx-cta{padding-block:105px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* WooCommerce storefront */
.sx-storefront .sx-store-header-spacer{height:1px}
.sx-shop-hero{padding:130px 0 60px;border-bottom:1px solid var(--sx-line);background:radial-gradient(circle at 85% 20%,rgba(0,123,255,.12),transparent 34%),var(--sx-ink)}
.sx-store-shell{padding-block:55px 100px}
.sx-store-toolbar{border-block:1px solid var(--sx-line);padding:14px 0;margin-bottom:28px}
.sx-store-toolbar .wp-block-woocommerce-breadcrumbs{margin:0}
.sx-store-toolbar .woocommerce-breadcrumb{font:600 10px Orbitron,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-mist)}
.sx-store-toolbar .woocommerce-breadcrumb a{color:var(--sx-silver)}
.woocommerce .wp-block-woocommerce-product-collection{width:100%}
.woocommerce .wc-block-product-template{gap:22px!important}
.woocommerce .wc-block-product{border:1px solid var(--sx-line);background:var(--sx-panel);padding:0!important;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.woocommerce .wc-block-product:hover{transform:translateY(-5px);border-color:rgba(0,123,255,.55);box-shadow:0 18px 50px rgba(0,123,255,.1)}
.woocommerce .wc-block-components-product-image{margin:0!important;background:#000}
.woocommerce .wc-block-components-product-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.woocommerce .wc-block-components-product-title{padding:18px 18px 0!important;margin:0!important}
.woocommerce .wc-block-components-product-title a{font:700 17px Orbitron,sans-serif!important;color:#fff!important;text-decoration:none!important}
.woocommerce .wc-block-components-product-price{padding:5px 18px 18px!important;margin:0!important;color:var(--sx-silver)!important}
.woocommerce .wc-block-components-product-price ins{color:var(--sx-neon)!important}
.woocommerce .wc-block-components-product-add-to-cart{padding:0 18px 18px!important}
.woocommerce .wc-block-components-product-add-to-cart .wp-block-button__link{width:100%;box-sizing:border-box;border-radius:0!important;background:transparent!important;border:1px solid var(--sx-line)!important;color:var(--sx-silver)!important;font:700 10px Orbitron,sans-serif!important;letter-spacing:.12em;text-transform:uppercase}
.woocommerce .wc-block-components-product-add-to-cart .wp-block-button__link:hover{background:var(--sx-cyber)!important;border-color:var(--sx-cyber)!important;color:#fff!important}
.woocommerce .wc-block-components-filter-wrapper{border-color:var(--sx-line)!important}
.woocommerce .wc-block-components-checkbox label,.woocommerce .wc-block-components-radio-control__label{color:var(--sx-silver)!important}
.woocommerce .wc-block-components-price-slider__range-input-wrapper input{accent-color:var(--sx-cyber)}
.sx-single-product{padding-block:130px 100px}
.sx-single-product .wp-block-woocommerce-product-image-gallery{background:var(--sx-panel);border:1px solid var(--sx-line);padding:0}
.sx-single-product .wc-block-components-product-image img,.sx-single-product .woocommerce-product-gallery__image img{display:block}
.sx-single-product .wp-block-post-title{font-size:clamp(38px,5vw,70px);line-height:1;text-transform:uppercase}
.sx-single-product .wc-block-components-product-price{font:800 28px Orbitron,sans-serif;color:var(--sx-neon)}
.sx-single-product .wp-block-woocommerce-product-rating{color:var(--sx-neon)}
.sx-single-product .wp-block-woocommerce-product-add-to-cart .wc-block-components-product-add-to-cart__button{min-height:52px}
.sx-single-product .wp-block-woocommerce-product-meta{border-top:1px solid var(--sx-line);padding-top:20px;color:var(--sx-mist)}
.sx-single-product .wp-block-woocommerce-product-details{margin-top:70px;border-top:1px solid var(--sx-line);padding-top:55px}
.sx-cart-checkout{padding-block:130px 100px}
.sx-cart-checkout .wc-block-cart,.sx-cart-checkout .wc-block-checkout{color:#fff}
.sx-cart-checkout .wc-block-cart-items,.sx-cart-checkout .wc-block-components-order-summary{border-color:var(--sx-line)!important}
.sx-cart-checkout input,.sx-cart-checkout select,.sx-cart-checkout textarea{border-radius:0!important;background:var(--sx-panel)!important;border-color:var(--sx-line)!important;color:#fff!important}
.sx-cart-checkout label{color:var(--sx-silver)!important}
@media(max-width:781px){
  .sx-shop-hero{padding:110px 18px 45px}
  .sx-store-shell,.sx-cart-checkout,.sx-single-product{padding-block:55px 75px}
  .woocommerce .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .woocommerce .wc-block-components-product-title{padding:13px 12px 0!important}
  .woocommerce .wc-block-components-product-title a{font-size:13px!important}
  .woocommerce .wc-block-components-product-price{padding:4px 12px 12px!important;font-size:14px!important}
  .woocommerce .wc-block-components-product-add-to-cart{padding:0 12px 12px!important}
}

.sx-header-store-actions{gap:8px}
.sx-header-store-actions .wc-block-customer-account__link,.sx-header-store-actions .wc-block-mini-cart__button{color:var(--sx-silver)!important}
.sx-header-store-actions .wc-block-mini-cart__button:hover,.sx-header-store-actions .wc-block-customer-account__link:hover{color:var(--sx-cyber)!important}
.sx-shop-sidebar{border-right:1px solid var(--sx-line);padding-right:28px}
.sx-shop-sidebar .wp-block-heading{margin-bottom:22px}
.sx-shop-sidebar .wp-block-woocommerce-product-filters{display:flex;flex-direction:column;gap:12px}
.sx-shop-sidebar .wp-block-woocommerce-product-categories{margin-top:35px;border-top:1px solid var(--sx-line);padding-top:22px}
.sx-shop-sidebar a{color:var(--sx-silver);text-decoration:none}
.sx-shop-sidebar a:hover{color:var(--sx-cyber)}
.sx-product-detail-column{padding-left:35px}
.sx-product-detail-column .wc-block-components-product-price{margin:20px 0}
.sx-product-detail-column .wp-block-woocommerce-add-to-cart-form{margin:25px 0}
.sx-product-detail-column .wp-block-woocommerce-add-to-cart-form form{display:flex;flex-wrap:wrap;gap:10px}
.sx-product-information{margin-top:60px}
.sx-product-information .wc-tabs{border-color:var(--sx-line)!important}
.sx-product-information .wc-tabs li a{color:var(--sx-silver)!important}
.woocommerce .wc-block-product-template{list-style:none;margin:0}
.woocommerce .wc-block-product-template .wc-block-components-product-rating{padding:0 18px!important;margin:0!important}
.woocommerce .wc-block-product-template .wc-block-components-product-rating__stars{color:var(--sx-neon)!important}
.woocommerce .wc-block-product-template .wc-block-components-product-rating__reviews_count{color:var(--sx-mist)!important}
@media(max-width:781px){
 .sx-header-store-actions{gap:2px}
 .sx-shop-sidebar{border-right:0;border-bottom:1px solid var(--sx-line);padding:0 0 25px;margin-bottom:28px}
 .sx-product-detail-column{padding-left:0;margin-top:35px}
}