:root{
 --tx-ink:#07111f;--tx-navy:#071a33;--tx-blue:#1769ff;--tx-cyan:#55dcff;--tx-violet:#6b5cff;
 --tx-bg:#f6f8fc;--tx-card:#fff;--tx-muted:#68768a;--tx-line:#e6ebf3;
 --tx-green:#18a66b;--tx-red:#ef5a67;--tx-radius:24px;
 --tx-shadow:0 18px 55px rgba(10,35,70,.10);--tx-shadow2:0 30px 90px rgba(10,35,70,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tx-ink);background:var(--tx-bg);line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--tx-mx,50%) var(--tx-my,0),rgba(23,105,255,.055),transparent 27%)}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.tx-shell{width:min(1240px,92%);margin:auto}
.tx-announcement{height:38px;background:#06101f;color:#cbd9ea;font-size:12px;letter-spacing:.01em}.tx-announcement .tx-shell{height:100%;display:flex;align-items:center;justify-content:center;gap:10px}.tx-dot{width:6px;height:6px;border-radius:50%;background:var(--tx-cyan);box-shadow:0 0 15px var(--tx-cyan)}
.tx-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(222,229,239,.9)}
.tx-nav{height:82px;display:flex;align-items:center;gap:24px}.tx-logo{display:flex;align-items:center;flex:0 0 auto}.tx-logo img{width:auto;height:54px;display:block}
.tx-mainnav{display:flex;align-items:center;gap:24px;margin-left:8px}.tx-mainnav a{font-size:13px;font-weight:800;color:#3b485b;white-space:nowrap;transition:.2s}.tx-mainnav a:hover,.tx-mainnav a.active{color:var(--tx-blue)}
.tx-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.tx-search{width:230px;height:43px;border:1px solid var(--tx-line);background:#f8fafd;border-radius:14px;display:flex;align-items:center;padding:0 12px;gap:8px}.tx-search svg{width:17px;color:#8190a5;flex:none}.tx-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.tx-iconbtn,.tx-cartbtn{height:43px;border:1px solid var(--tx-line);background:#fff;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tx-iconbtn{width:43px}.tx-cartbtn{gap:8px;padding:0 12px;font-weight:900;font-size:13px}.tx-cartcount{min-width:21px;height:21px;border-radius:999px;background:var(--tx-blue);color:#fff;display:grid;place-items:center;font-size:11px}
.tx-menu{display:none;margin-left:auto;width:43px;height:43px;border:1px solid var(--tx-line);background:#fff;border-radius:13px;font-size:19px}.tx-mobile{display:none}
.tx-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#041225 0%,#082a52 43%,#075fba 75%,#1389ff 100%);color:#fff}
.tx-hero:before{content:"";position:absolute;width:760px;height:760px;right:-230px;top:-420px;border-radius:50%;background:radial-gradient(circle,rgba(85,220,255,.30),transparent 67%);filter:blur(4px)}
.tx-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.045) 48%,transparent 64%);transform:skewX(-15deg);pointer-events:none}
.tx-hero-inner{position:relative;z-index:2;min-height:640px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:35px;padding:72px 0}
.tx-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;color:#bfeeff;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.tx-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--tx-cyan);box-shadow:0 0 18px var(--tx-cyan)}
.tx-hero h1{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.065em;margin:20px 0 22px;max-width:720px}.tx-gradient{background:linear-gradient(90deg,#fff,#d7f7ff 58%,#8bdcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tx-hero p{font-size:17px;line-height:1.7;color:#c8d8eb;max-width:620px}.tx-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.tx-btn{border:0;border-radius:14px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer;transition:.2s}.tx-btn:hover{transform:translateY(-2px)}.tx-btn-white{background:#fff;color:var(--tx-ink);box-shadow:0 15px 35px rgba(0,0,0,.16)}.tx-btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}
.tx-hero-showcase{position:relative;min-height:450px;display:grid;place-items:center}.tx-orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),rgba(52,184,255,.10) 42%,transparent 70%);border:1px solid rgba(151,229,255,.18);box-shadow:inset 0 0 80px rgba(88,213,255,.09),0 0 100px rgba(0,111,255,.12)}
.tx-floating{position:absolute;padding:15px 17px;border:1px solid rgba(255,255,255,.16);background:rgba(4,24,48,.64);backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.18);font-size:12px}.tx-floating strong{display:block;font-size:15px}.tx-floating span{color:#a9c6df}.tx-f1{top:16%;left:5%}.tx-f2{right:0;top:27%}.tx-f3{bottom:16%;left:11%}
.tx-device{width:min(430px,86%);aspect-ratio:1.35;background:linear-gradient(145deg,#eef8ff,#9ebbd0 45%,#263c52);border:7px solid #d8e8f2;border-radius:24px 24px 10px 10px;box-shadow:0 45px 80px rgba(0,0,0,.30),inset 0 0 25px rgba(255,255,255,.25);transform:perspective(900px) rotateY(-13deg) rotateX(5deg);position:relative}.tx-device:before{content:"";position:absolute;inset:10px;border-radius:13px;background:radial-gradient(circle at 70% 25%,rgba(85,220,255,.34),transparent 22%),linear-gradient(135deg,#071c39,#0b64c4 70%,#55dcff);box-shadow:inset 0 0 40px rgba(0,0,0,.25)}.tx-device:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-25px;height:25px;background:linear-gradient(#cadce7,#738da0);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border-radius:0 0 10px 10px}
.tx-section{padding:78px 0}.tx-section-dark{background:#07182d;color:#fff}.tx-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.tx-kicker{color:var(--tx-blue);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.tx-dark .tx-kicker{color:#63dcff}.tx-section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 0}.tx-section-head p{max-width:560px;color:var(--tx-muted);margin:0}.tx-dark p{color:#a9bed4}
.tx-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tx-cat{min-height:150px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--tx-line);box-shadow:0 10px 30px rgba(15,35,65,.05);transition:.25s;position:relative;overflow:hidden}.tx-cat:hover{transform:translateY(-5px);box-shadow:var(--tx-shadow)}.tx-cat:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;bottom:-60px;background:linear-gradient(135deg,rgba(23,105,255,.13),rgba(85,220,255,.18))}.tx-cat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:var(--tx-blue);font-size:20px;margin-bottom:16px}.tx-cat h3{font-size:16px;margin:0 0 5px}.tx-cat p{font-size:12px;color:var(--tx-muted);margin:0}
.tx-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tx-product{background:#fff;border:1px solid var(--tx-line);border-radius:22px;overflow:hidden;position:relative;transition:.25s;box-shadow:0 8px 28px rgba(15,35,65,.05)}.tx-product:hover{transform:translateY(-6px);box-shadow:var(--tx-shadow2)}.tx-media{height:250px;background:linear-gradient(145deg,#f9fbff,#edf3fa);display:grid;place-items:center;padding:22px;position:relative}.tx-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:.35s}.tx-product:hover .tx-media img{transform:scale(1.035)}.tx-badge{position:absolute;top:13px;left:13px;padding:6px 9px;border-radius:999px;background:#07111f;color:#fff;font-size:10px;font-weight:900;z-index:2}.tx-badge.sale{background:#eaf8f2;color:#128251}.tx-product-body{padding:18px}.tx-product-cat{font-size:10px;color:var(--tx-blue);font-weight:950;letter-spacing:.11em;text-transform:uppercase}.tx-product h3{font-size:16px;line-height:1.3;margin:6px 0 9px;min-height:42px}.tx-specs{display:flex;flex-wrap:wrap;gap:5px;min-height:42px}.tx-spec{padding:5px 7px;border:1px solid var(--tx-line);border-radius:7px;color:#5f6e82;font-size:10px;background:#fbfcfe}.tx-price{display:flex;align-items:baseline;gap:8px;margin-top:15px}.tx-price strong{font-size:22px;letter-spacing:-.03em}.tx-old{text-decoration:line-through;color:#99a5b5;font-size:12px}.tx-save{font-size:10px;font-weight:900;color:#159060;background:#edf9f4;padding:4px 7px;border-radius:999px}.tx-product-actions{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:14px}.tx-product-actions .tx-btn{width:100%;padding:11px 12px;font-size:12px}.tx-view{height:42px;border:1px solid var(--tx-line);border-radius:12px;background:#fff;cursor:pointer}.tx-empty{padding:40px;text-align:center;background:#fff;border:1px solid var(--tx-line);border-radius:20px}
.tx-trust{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.04)}.tx-trust-item{padding:25px;border-right:1px solid rgba(255,255,255,.1)}.tx-trust-item:last-child{border-right:0}.tx-trust-item strong{display:block;margin-bottom:5px}.tx-trust-item span{font-size:12px;color:#9fb4ca}
.tx-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tx-service{padding:27px;border-radius:22px;background:linear-gradient(145deg,#0b2547,#0a416e);border:1px solid rgba(104,214,255,.18);box-shadow:0 18px 50px rgba(0,0,0,.12)}.tx-service h3{margin:18px 0 7px}.tx-service p{font-size:13px;margin:0}.tx-service a{display:inline-block;margin-top:18px;color:#6fe0ff;font-weight:900;font-size:12px}
.tx-cta{border-radius:30px;padding:50px;background:linear-gradient(120deg,#07172e,#0c4e88 62%,#138cff);color:#fff;position:relative;overflow:hidden}.tx-cta:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-130px;top:-200px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.tx-cta>*{position:relative;z-index:2}.tx-cta h2{max-width:720px}.tx-cta p{color:#c1d5e9;max-width:650px}
.tx-breadcrumb{font-size:12px;color:#758398;margin-bottom:20px}.tx-breadcrumb a{color:var(--tx-blue);font-weight:800}
.tx-shop-head{padding:58px 0 30px}.tx-shop-head h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;margin:8px 0 12px}.tx-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:13px;border:1px solid var(--tx-line);background:#fff;border-radius:17px;margin-bottom:22px}.tx-filter{border:1px solid var(--tx-line);background:#f8fafd;padding:10px 12px;border-radius:11px;font-size:12px;font-weight:800}.tx-results{margin-left:auto;color:#7b8899;font-size:12px;font-weight:700}
.tx-detail-page{background:linear-gradient(180deg,#061a32 0%,#082b51 40%,#f4f7fb 40.2%);min-height:100vh}.tx-detail{padding:55px 0 75px}.tx-detail-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:24px;align-items:start}.tx-gallery,.tx-detail-card{border:1px solid rgba(105,218,255,.2);background:linear-gradient(145deg,rgba(7,35,66,.98),rgba(7,65,107,.95));border-radius:26px;box-shadow:0 28px 80px rgba(0,15,35,.25);color:#fff}.tx-gallery{padding:18px}.tx-gallery-stage{height:520px;border-radius:19px;background:#06172b;display:grid;place-items:center;overflow:hidden;position:relative}.tx-gallery-stage img{width:100%;height:100%;object-fit:contain;padding:35px}.tx-gallery-count{position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.35);font-size:11px}.tx-thumbs{display:flex;gap:9px;overflow:auto;padding-top:12px}.tx-thumb{width:72px;height:60px;flex:0 0 72px;border:1px solid rgba(255,255,255,.14);background:#09233f;border-radius:11px;overflow:hidden;cursor:pointer}.tx-thumb img{width:100%;height:100%;object-fit:contain}.tx-thumb.active{border-color:#63dcff;box-shadow:0 0 0 2px rgba(99,220,255,.13)}
.tx-detail-card{padding:31px;position:sticky;top:108px}.tx-detail-card .tx-product-cat{color:#67dcff}.tx-detail-card h1{font-size:clamp(31px,4vw,48px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 13px}.tx-detail-lead{color:#b8cde1;font-size:14px}.tx-status{display:inline-flex;margin-top:13px;padding:7px 10px;border-radius:999px;background:rgba(32,190,126,.12);color:#66e4ae;font-size:11px;font-weight:900}.tx-status.sold{background:rgba(239,90,103,.12);color:#ff9aa4}.tx-pricebox{margin-top:22px;padding:20px;border:1px solid rgba(111,217,255,.2);border-radius:17px;background:rgba(2,25,48,.38)}.tx-pricebox .tx-price strong{font-size:34px;color:#6bdfff}.tx-detail-specs{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tx-detail-specs .tx-spec{color:#c8d9ea;background:rgba(255,255,255,.05);border-color:rgba(121,205,255,.18)}.tx-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.tx-detail-actions .tx-btn{padding:14px}.tx-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.tx-assurance span{padding:9px;border:1px solid rgba(121,205,255,.16);border-radius:10px;color:#a9c4df;font-size:10px;text-align:center}.tx-spec-table{margin-top:30px;padding:30px 0 0}.tx-spec-table h2{color:#fff;font-size:23px}.tx-spec-list{margin-top:14px;border:1px solid rgba(121,205,255,.15);border-radius:15px;overflow:hidden}.tx-spec-row{display:flex;gap:20px;padding:13px 15px;border-bottom:1px solid rgba(121,205,255,.1);color:#bfd1e3;font-size:12px}.tx-spec-row:last-child{border-bottom:0}.tx-spec-row:before{content:"✓";color:#67dcff;font-weight:900}.tx-related{padding:65px 0;background:#f5f8fc}.tx-related h2{font-size:32px}
.tx-footer{background:#040d1a;color:#a8b9cc;padding:55px 0 25px}.tx-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}.tx-footer h4{color:#fff;margin:0 0 13px}.tx-footer a{display:block;font-size:12px;margin:8px 0}.tx-footer p{font-size:12px;max-width:330px}.tx-footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:40px;padding-top:18px;font-size:11px;display:flex;justify-content:space-between;gap:15px}
.tx-wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#18a66b;color:#fff;display:grid;place-items:center;z-index:90;box-shadow:0 15px 35px rgba(24,166,107,.28)}
.tx-wa svg{width:28px;height:28px}.tx-wa-label{position:absolute;right:62px;white-space:nowrap;background:#07111f;color:#fff;padding:8px 11px;border-radius:9px;font-size:10px;font-weight:800;opacity:0;transform:translateX(5px);transition:.2s}.tx-wa:hover .tx-wa-label{opacity:1;transform:none}
.cart-overlay{position:fixed;inset:0;background:rgba(2,12,25,.55);backdrop-filter:blur(5px);z-index:150;opacity:0;visibility:hidden;transition:.25s}.cart-overlay.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,94vw);background:#fff;z-index:160;transform:translateX(100%);transition:.3s;box-shadow:-25px 0 80px rgba(0,0,0,.18);display:flex;flex-direction:column}.cart-drawer.show{transform:none}.cart-head{padding:24px;border-bottom:1px solid var(--tx-line);display:flex;justify-content:space-between;align-items:center}.cart-kicker{font-size:9px;color:var(--tx-blue);font-weight:950;letter-spacing:.15em}.cart-head h3{margin:4px 0 0;font-size:21px}.close-cart{border:0;background:#f1f4f8;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}.cart-items{padding:17px;overflow:auto;flex:1}.cart-item{padding:15px;border:1px solid var(--tx-line);border-radius:15px;margin-bottom:9px}.cart-item-row{display:flex;justify-content:space-between;gap:10px}.cart-item-name{font-weight:900;font-size:12px}.cart-item-price{font-weight:900;color:var(--tx-blue);font-size:12px}.cart-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.qty{display:flex;align-items:center;border:1px solid var(--tx-line);border-radius:10px;overflow:hidden}.qty button{width:30px;height:30px;border:0;background:#f7f9fc;cursor:pointer}.qty strong{width:30px;text-align:center;font-size:12px}.remove{border:0;background:none;color:#ef5a67;font-size:11px;font-weight:800;cursor:pointer}.cart-empty{text-align:center;color:#7a8798;padding:50px 15px;font-size:13px}.cart-foot{padding:18px;border-top:1px solid var(--tx-line);background:#fbfcfe}.cart-foot .cart-item-row{font-size:13px}.cart-foot .cart-item-row strong{font-size:18px}.cart-note{font-size:10px;color:#7a8798;line-height:1.5;margin:12px 0}.cart-pay-actions{display:grid;gap:8px}.cart-pay-actions .btn{border:0;border-radius:12px;padding:12px;background:var(--tx-blue);color:#fff;font-weight:900;cursor:pointer}.cart-pay-actions .btn+ .btn{background:#18a66b}
.tx-reveal{opacity:0;transform:translateY(12px);transition:.6s}.tx-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.tx-mainnav{gap:15px}.tx-search{width:170px}.tx-product-grid{grid-template-columns:repeat(3,1fr)}.tx-cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.tx-nav{height:72px}.tx-mainnav,.tx-search{display:none}.tx-menu{display:block}.tx-mobile{display:none;position:absolute;left:4%;right:4%;top:72px;padding:10px;background:#fff;border:1px solid var(--tx-line);border-radius:17px;box-shadow:var(--tx-shadow)}.tx-mobile.open{display:grid}.tx-mobile a{padding:13px;border-radius:10px;font-weight:800;font-size:13px}.tx-mobile a:hover{background:#f1f6ff;color:var(--tx-blue)}.tx-hero-inner{grid-template-columns:1fr;min-height:auto;padding:70px 0}.tx-hero-showcase{min-height:390px}.tx-service-grid{grid-template-columns:1fr 1fr}.tx-trust{grid-template-columns:1fr 1fr}.tx-trust-item:nth-child(2){border-right:0}.tx-trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.tx-detail-grid{grid-template-columns:1fr}.tx-detail-card{position:static}.tx-gallery-stage{height:430px}.tx-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tx-announcement{height:34px;font-size:10px}.tx-announcement .tx-shell{white-space:nowrap;overflow:hidden}.tx-logo img{height:48px}.tx-nav{height:68px}.tx-mobile{top:68px}.tx-hero h1{font-size:45px}.tx-hero p{font-size:14px}.tx-hero-showcase{min-height:330px}.tx-device{width:84%}.tx-orb{width:300px;height:300px}.tx-floating{font-size:10px;padding:11px}.tx-f1{left:0}.tx-f2{right:0}.tx-section{padding:55px 0}.tx-section-head{display:block}.tx-section-head p{margin-top:12px}.tx-cats,.tx-product-grid,.tx-service-grid{grid-template-columns:1fr 1fr}.tx-product-grid{gap:10px}.tx-media{height:180px;padding:13px}.tx-product-body{padding:12px}.tx-product h3{font-size:13px;min-height:34px}.tx-specs{display:none}.tx-price strong{font-size:17px}.tx-product-actions{grid-template-columns:1fr}.tx-view{display:none}.tx-shop-head{padding:38px 0 20px}.tx-toolbar{align-items:stretch}.tx-filter{flex:1}.tx-results{width:100%;margin-left:0}.tx-gallery-stage{height:330px}.tx-detail{padding:35px 0 60px}.tx-detail-card{padding:21px}.tx-detail-actions{grid-template-columns:1fr}.tx-assurance{grid-template-columns:1fr 1fr}.tx-footer-grid{grid-template-columns:1fr}.tx-footer-bottom{display:block}.tx-footer-bottom span{display:block;margin-bottom:8px}.tx-wa{right:16px;bottom:16px}}


/* V276 — FINAL PREMIUM SYSTEM FIXES */
.tx-header .tx-actions{margin-left:auto;margin-top:0;align-items:center}
.tx-header .tx-actions .tx-search{flex:0 0 230px}
.tx-hero .tx-actions{margin-left:0;margin-top:30px}
/* Service/legacy pages use their existing content but inherit the same premium navigation and palette. */
.power-hero-wave,.cctv-wave{display:none!important}
.power-hero,.cctv-hero,.webit-hero{background:linear-gradient(120deg,#041225 0%,#082a52 43%,#075fba 75%,#1389ff 100%)!important;color:#fff!important}
.power-hero h1,.cctv-hero h1,.webit-hero h1{color:#fff!important}
.power-hero p,.cctv-hero p,.webit-hero p{color:#c8d8eb!important}
/* Prevent legacy giant decorative rings/overlays from dominating the premium service pages. */
.power-hero::before,.power-hero::after,.cctv-hero::before,.cctv-hero::after{display:none!important}
/* Consistent premium form controls. */
.tx-toolbar input,.tx-toolbar select,.tx-filter{outline:none}
.tx-toolbar input:focus,.tx-toolbar select:focus{border-color:#74cfff;box-shadow:0 0 0 4px rgba(23,105,255,.08)}
@media(max-width:860px){.tx-header .tx-actions{margin-left:auto}.tx-header .tx-actions .tx-search{display:none}}

/* V277 — ONE COMMON TRINITY HEADER ON EVERY PUBLIC PAGE */
.tx-announcement{height:36px;background:#061323;color:#c9d9ea;border-bottom:1px solid rgba(103,220,255,.10);font-size:11px;font-weight:700;letter-spacing:.01em}
.tx-announcement .tx-shell{height:36px;display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden}
.tx-announcement-sep{color:#56d8ff;opacity:.7}.tx-dot{width:7px;height:7px;border-radius:50%;background:#4fdcff;box-shadow:0 0 14px rgba(79,220,255,.8);flex:0 0 7px}
.tx-header{position:sticky!important;top:0;z-index:120;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dce6f1!important;box-shadow:0 8px 30px rgba(7,25,52,.07);backdrop-filter:blur(18px)}
.tx-nav{height:76px;display:flex;align-items:center;gap:22px}
.tx-logo{display:flex;align-items:center;flex:0 0 auto}.tx-logo img{display:block;height:54px;width:160px;object-fit:contain}
.tx-mainnav{display:flex!important;align-items:center;gap:18px;flex:1;justify-content:center;min-width:0}
.tx-mainnav a{position:relative;display:inline-flex!important;align-items:center;height:76px;color:#26384e!important;font-size:12px;font-weight:850;white-space:nowrap;transition:.2s}
.tx-mainnav a:hover,.tx-mainnav a.active{color:#0a73df!important}.tx-mainnav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;border-radius:2px;background:linear-gradient(90deg,#0879ed,#58dfff)}
.tx-actions{display:flex;align-items:center;gap:9px;margin-left:auto;margin-top:0!important;flex:0 0 auto}
.tx-search{height:42px!important;width:210px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;border:1px solid #d7e2ed!important;border-radius:12px!important;background:#f7fafd!important;box-shadow:none!important}
.tx-search svg{width:17px;height:17px;color:#6f8196;flex:0 0 auto}.tx-search input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#15283f!important;font-size:12px!important;padding:0!important}.tx-search input::placeholder{color:#8494a6}
.tx-cartbtn{height:42px;padding:0 13px;border:1px solid #d7e2ed;border-radius:12px;background:#fff;color:#10253e;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.tx-cartbtn:hover{border-color:#7ccfff;box-shadow:0 8px 20px rgba(23,105,255,.08)}
.tx-cartcount{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;padding:0 5px;border-radius:999px;background:#0a75df;color:#fff;font-size:10px}
.tx-menu{display:none;width:42px!important;height:42px!important;border:1px solid #d7e2ed!important;border-radius:12px!important;background:#fff!important;color:#10253e!important;font-size:18px!important;cursor:pointer}
.tx-mobile{display:none}
@media(max-width:1100px){.tx-mainnav{gap:12px}.tx-mainnav a{font-size:11px}.tx-search{width:175px!important}.tx-nav{gap:14px}}
@media(max-width:900px){.tx-mainnav,.tx-search{display:none!important}.tx-menu{display:grid!important;place-items:center}.tx-nav{height:70px}.tx-mobile{position:absolute!important;left:4%!important;right:4%!important;top:70px!important;display:none!important;padding:10px!important;background:#fff!important;border:1px solid #dce6f1!important;border-radius:17px!important;box-shadow:0 22px 50px rgba(7,25,52,.16)!important}.tx-mobile.open{display:grid!important}.tx-mobile a{padding:13px 14px;color:#21364f!important;font-weight:800!important;font-size:13px;border-radius:10px}.tx-mobile a:hover{background:#eef6ff;color:#0879ed!important}}
@media(max-width:600px){.tx-announcement{font-size:9px}.tx-announcement .tx-shell{gap:6px}.tx-announcement-sep{display:none}.tx-logo img{width:145px;height:50px}.tx-nav{height:66px}.tx-mobile{top:66px!important}}

/* V280 — PRODUCT DETAIL: premium compact specifications + stronger hierarchy */
.tx-detail-page{background:linear-gradient(180deg,#061a32 0%,#082f55 44%,#f5f8fc 44.2%,#f5f8fc 100%);min-height:100vh;padding-bottom:0}
.tx-detail{padding:34px 0 70px}.tx-breadcrumb{font-size:12px;opacity:.9;margin:4px 0 20px}
.tx-detail-grid{align-items:start;gap:22px}.tx-gallery{position:sticky;top:104px}
.tx-gallery-stage{height:560px!important;border-radius:30px!important;background:linear-gradient(145deg,#07182d,#092a49)!important;border:1px solid rgba(86,210,255,.20)!important;box-shadow:0 28px 80px rgba(0,0,0,.24)!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tx-gallery-stage img{width:100%;height:100%;object-fit:contain!important;padding:20px;filter:drop-shadow(0 22px 35px rgba(0,0,0,.24))}
.tx-thumbs{padding:14px 4px 0;display:flex;gap:10px}.tx-thumb{width:76px;height:64px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;background:#092846!important;padding:4px!important;overflow:hidden}.tx-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}.tx-thumb.active{border-color:#58dfff!important;box-shadow:0 0 0 2px rgba(88,223,255,.16)}
.tx-detail-card{padding:34px!important;border-radius:30px!important;background:linear-gradient(145deg,#0b3155,#082744)!important;border:1px solid rgba(93,214,255,.20)!important;box-shadow:0 28px 80px rgba(0,0,0,.22)!important;color:#fff!important}
.tx-product-cat{color:#62ddff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.tx-detail-card h1{font-size:clamp(32px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 12px!important;color:#fff!important}.tx-detail-lead{color:#bfd1e3!important;font-size:15px!important;margin:0 0 15px!important}.tx-status{display:inline-flex!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(24,166,107,.16)!important;color:#55e6ae!important;font-weight:900!important;font-size:11px!important}.tx-status.sold{background:rgba(239,90,103,.15)!important;color:#ff8d98!important}
.tx-pricebox{margin-top:18px!important;background:rgba(3,19,37,.44)!important;border:1px solid rgba(91,210,255,.17)!important;border-radius:20px!important;padding:20px!important}.tx-price strong{color:#62ddff!important;font-size:36px!important;letter-spacing:-.03em}.tx-old{color:#8398ad!important}.tx-save{background:#dff8ef!important;color:#08794d!important}
.tx-detail-specs{margin-top:22px}.tx-spec-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#75ddff;margin-bottom:10px}.tx-spec-chips{display:flex;flex-wrap:wrap;gap:9px}.tx-spec-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 12px;border-radius:11px;background:linear-gradient(145deg,rgba(22,73,113,.78),rgba(9,43,73,.9));border:1px solid rgba(101,212,255,.20);color:#e9f7ff;font-size:12px;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.05)}.tx-spec-chip b{color:#5ee0ff;font-size:13px}
.tx-detail-actions{margin-top:22px!important}.tx-btn{min-height:54px!important;border-radius:15px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 12px 25px rgba(0,0,0,.16);transition:transform .2s,box-shadow .2s}.tx-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(0,0,0,.22)}
.tx-assurance{margin-top:15px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px}.tx-assurance span{font-size:10px!important;color:#b7cde0!important;border:1px solid rgba(101,212,255,.16)!important;background:rgba(255,255,255,.025)!important;border-radius:11px!important;padding:10px 8px!important;text-align:center}
.tx-related{background:#f5f8fc!important;padding:72px 0!important}.tx-related h2{font-size:36px!important;letter-spacing:-.035em!important}
@media(max-width:900px){.tx-detail-page{background:linear-gradient(180deg,#061a32 0%,#082f55 38%,#f5f8fc 38.2%,#f5f8fc 100%)}.tx-gallery{position:static}.tx-gallery-stage{height:430px!important}.tx-detail-card{padding:25px!important}}
@media(max-width:620px){.tx-detail{padding-top:22px}.tx-gallery-stage{height:330px!important}.tx-detail-card h1{font-size:34px!important}.tx-price strong{font-size:30px!important}.tx-spec-chips{gap:7px}.tx-spec-chip{font-size:11px;padding:8px 10px}.tx-assurance{grid-template-columns:1fr!important}}

/* V290 — product card image containment fix
   Portrait product photos must stay fully inside the fixed media frame. */
.tx-product-grid .tx-media{
  overflow:hidden!important;
}
.tx-product-grid .tx-media img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
  margin:auto!important;
}
@media(max-width:620px){
  .tx-product-grid .tx-media img{
    max-width:100%!important;
    max-height:100%!important;
  }
}

/* V291 — PREMIUM TRINITY SHOP: deep-blue storefront treatment */
body:has(.tx-shop-head){
  background:
    radial-gradient(900px 420px at 12% 10%, rgba(31,139,255,.18), transparent 62%),
    radial-gradient(760px 420px at 88% 28%, rgba(83,220,255,.10), transparent 64%),
    linear-gradient(180deg,#041426 0%,#061d37 38%,#071f3b 100%) !important;
  color:#f3f9ff !important;
}
body:has(.tx-shop-head):before{background:radial-gradient(circle at var(--tx-mx,50%) var(--tx-my,0),rgba(87,220,255,.09),transparent 30%) !important;}
body:has(.tx-shop-head) main{position:relative;overflow:hidden;}
body:has(.tx-shop-head) main:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(84,219,255,.025) 48%,transparent 70%);}
body:has(.tx-shop-head) .tx-shell{position:relative;z-index:1;}
body:has(.tx-shop-head) .tx-shop-head{padding:54px 0 30px;}
body:has(.tx-shop-head) .tx-breadcrumb{color:#8ea9c2;}
body:has(.tx-shop-head) .tx-breadcrumb a{color:#66dcff;font-weight:800;}
body:has(.tx-shop-head) .tx-kicker{color:#63dcff!important;letter-spacing:.16em;font-weight:950;font-size:11px;}
body:has(.tx-shop-head) .tx-shop-head h1{color:#fff;font-size:clamp(44px,5.5vw,72px);text-shadow:0 10px 35px rgba(0,0,0,.2);}
body:has(.tx-shop-head) .tx-shop-head p{color:#a9c0d6!important;font-size:15px;}
body:has(.tx-shop-head) .tx-toolbar{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;
  margin-bottom:28px;border:1px solid rgba(108,211,255,.18);border-radius:20px;
  background:linear-gradient(145deg,rgba(13,52,86,.82),rgba(5,30,53,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}
body:has(.tx-shop-head) .tx-toolbar .tx-filter{
  height:44px;border:1px solid rgba(119,211,255,.18)!important;border-radius:12px;
  background:rgba(3,22,40,.72)!important;color:#edf8ff!important;box-shadow:none;
}
body:has(.tx-shop-head) .tx-toolbar input::placeholder{color:#7895ad;}
body:has(.tx-shop-head) .tx-toolbar select{color:#eaf7ff!important;}
body:has(.tx-shop-head) .tx-toolbar select option{background:#082746;color:#fff;}
body:has(.tx-shop-head) .tx-toolbar .tx-btn{background:linear-gradient(135deg,#1c74ff,#0d5be0)!important;color:#fff!important;height:44px;border-radius:12px;padding:0 19px;box-shadow:0 12px 25px rgba(18,102,255,.24);}
body:has(.tx-shop-head) .tx-results{color:#8fa9c0!important;font-weight:800;}
body:has(.tx-shop-head) .tx-product-grid{gap:18px;padding-bottom:90px!important;}
body:has(.tx-shop-head) .tx-product{
  background:linear-gradient(155deg,#0b3154 0%,#072540 100%)!important;
  border:1px solid rgba(93,210,255,.20)!important;border-radius:24px!important;
  box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)!important;
  color:#f5fbff;overflow:hidden;
}
body:has(.tx-shop-head) .tx-product:hover{transform:translateY(-7px);border-color:rgba(98,221,255,.38)!important;box-shadow:0 30px 75px rgba(0,0,0,.30),0 0 0 1px rgba(91,216,255,.06)!important;}
body:has(.tx-shop-head) .tx-media{height:250px!important;padding:18px!important;background:linear-gradient(145deg,#071a2e,#0c3556)!important;border-bottom:1px solid rgba(98,210,255,.13);}
body:has(.tx-shop-head) .tx-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(2,17,31,.22));pointer-events:none;}
body:has(.tx-shop-head) .tx-media img{mix-blend-mode:normal!important;filter:drop-shadow(0 16px 25px rgba(0,0,0,.25));}
body:has(.tx-shop-head) .tx-badge{top:13px;left:13px;background:#07111f;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.22);}
body:has(.tx-shop-head) .tx-badge.sale{background:#dcfff1;color:#078153;}
body:has(.tx-shop-head) .tx-product-body{padding:19px!important;display:flex;flex-direction:column;min-height:250px;}
body:has(.tx-shop-head) .tx-product-cat{color:#62ddff!important;}
body:has(.tx-shop-head) .tx-product h3{margin:7px 0 12px!important;color:#fff!important;font-size:16px!important;}
body:has(.tx-shop-head) .tx-product h3 a{color:#fff!important;}
body:has(.tx-shop-head) .tx-specs{min-height:54px;}
body:has(.tx-shop-head) .tx-spec{border-color:rgba(108,211,255,.16)!important;background:rgba(255,255,255,.035)!important;color:#b8cee0!important;}
body:has(.tx-shop-head) .tx-price{margin-top:auto;padding-top:15px;align-items:center;}
body:has(.tx-shop-head) .tx-price strong{color:#5edcff!important;font-size:30px!important;}
body:has(.tx-shop-head) .tx-old{color:#7f98ae!important;}
body:has(.tx-shop-head) .tx-save{background:rgba(24,166,107,.16)!important;color:#62e7b2!important;}
body:has(.tx-shop-head) .tx-product-actions{margin-top:14px!important;}
body:has(.tx-shop-head) .tx-product-actions .tx-btn{background:linear-gradient(135deg,#2378ff,#1460ec)!important;color:#fff!important;box-shadow:0 12px 24px rgba(17,104,255,.22);}
body:has(.tx-shop-head) .tx-view{background:rgba(255,255,255,.04)!important;border-color:rgba(110,211,255,.18)!important;color:#dff7ff;display:grid;place-items:center;}
body:has(.tx-shop-head) .tx-empty{background:rgba(9,43,71,.72)!important;border-color:rgba(103,211,255,.18)!important;color:#fff;}
body:has(.tx-shop-head) .tx-empty span{color:#9db5ca!important;}
@media(max-width:1080px){body:has(.tx-shop-head) .tx-product-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:860px){body:has(.tx-shop-head) .tx-shop-head{padding-top:42px;}body:has(.tx-shop-head) .tx-product-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){body:has(.tx-shop-head) .tx-shop-head h1{font-size:40px;}body:has(.tx-shop-head) .tx-toolbar{padding:10px;}body:has(.tx-shop-head) .tx-product-grid{grid-template-columns:1fr;gap:14px;}body:has(.tx-shop-head) .tx-media{height:230px!important;}body:has(.tx-shop-head) .tx-product-body{min-height:0;}}


/* V292 — TRINITY HOME: full premium dark storefront redesign */
body.tx-home-page{
  --home-bg:#041426; --home-bg2:#071e38; --home-panel:#0a2a49; --home-panel2:#0d3559;
  background:
    radial-gradient(900px 500px at 8% 18%,rgba(33,128,255,.18),transparent 60%),
    radial-gradient(800px 460px at 92% 40%,rgba(62,220,255,.10),transparent 62%),
    linear-gradient(180deg,#041426 0%,#061b34 48%,#071f3a 100%) !important;
  color:#f4f9ff!important;
}
body.tx-home-page .tx-announcement{background:#031020!important;color:#a8c6df!important;border-bottom:1px solid rgba(91,213,255,.10)}
body.tx-home-page .tx-header{background:rgba(4,20,38,.82)!important;border-bottom:1px solid rgba(102,214,255,.14)!important;box-shadow:0 12px 45px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)}
body.tx-home-page .tx-mainnav a{color:#c5d8ea!important}
body.tx-home-page .tx-mainnav a:hover,body.tx-home-page .tx-mainnav a.active{color:#65dcff!important}
body.tx-home-page .tx-mainnav a.active:after{background:#4bcfff!important}
body.tx-home-page .tx-search{background:rgba(255,255,255,.055)!important;border-color:rgba(113,212,255,.18)!important;color:#dff6ff!important}
body.tx-home-page .tx-search input{color:#effaff!important}
body.tx-home-page .tx-search input::placeholder{color:#7e9bb4!important}
body.tx-home-page .tx-cartbtn{background:rgba(255,255,255,.055)!important;border-color:rgba(113,212,255,.18)!important;color:#effaff!important}
body.tx-home-page .tx-logo img{background:#fff;border-radius:10px}
body.tx-home-page main{background:transparent!important}
body.tx-home-page .tx-hero{min-height:690px;background:
 radial-gradient(700px 430px at 76% 30%,rgba(42,170,255,.25),transparent 62%),
 radial-gradient(650px 400px at 12% 78%,rgba(86,79,255,.16),transparent 62%),
 linear-gradient(135deg,#031426 0%,#08284a 52%,#0b5591 100%)!important;border-bottom:1px solid rgba(106,216,255,.13)}
body.tx-home-page .tx-hero:after{opacity:.18}
body.tx-home-page .tx-section{background:transparent!important;color:#f4f9ff!important;padding:92px 0}
body.tx-home-page .tx-section[style]{padding-top:92px!important}
body.tx-home-page .tx-section-head p{color:#9db8d0!important}
body.tx-home-page .tx-section-head h2{color:#fff!important}
body.tx-home-page .tx-kicker{color:#63dcff!important}
body.tx-home-page .tx-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.tx-home-page .tx-cat{
 position:relative;overflow:hidden;min-height:190px;padding:25px!important;border-radius:24px!important;
 background:linear-gradient(145deg,rgba(15,58,94,.88),rgba(5,30,53,.92))!important;
 border:1px solid rgba(99,215,255,.18)!important;color:#fff!important;
 box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
 transition:.3s ease!important;
}
body.tx-home-page .tx-cat:after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(72,211,255,.28),transparent 68%);pointer-events:none}
body.tx-home-page .tx-cat:hover{transform:translateY(-8px);border-color:rgba(104,224,255,.40)!important;box-shadow:0 30px 70px rgba(0,0,0,.30),0 0 35px rgba(58,190,255,.07)!important}
body.tx-home-page .tx-cat h3{color:#fff!important;font-size:1.15rem!important}
body.tx-home-page .tx-cat p{color:#9eb8ce!important}
body.tx-home-page .tx-cat-icon{background:linear-gradient(135deg,rgba(75,170,255,.22),rgba(73,220,255,.08))!important;color:#6fe0ff!important;border:1px solid rgba(103,218,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.05)}
body.tx-home-page .tx-product-grid{gap:18px}
body.tx-home-page .tx-product{
 background:linear-gradient(155deg,#0b3154 0%,#072540 100%)!important;
 border:1px solid rgba(94,211,255,.19)!important;border-radius:24px!important;color:#fff!important;
 box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important;overflow:hidden!important
}
body.tx-home-page .tx-product:hover{transform:translateY(-8px);border-color:rgba(100,220,255,.38)!important;box-shadow:0 35px 80px rgba(0,0,0,.32),0 0 32px rgba(61,197,255,.07)!important}
body.tx-home-page .tx-media{background:linear-gradient(145deg,#071a2e,#0b3558)!important;border-bottom:1px solid rgba(95,210,255,.13)!important}
body.tx-home-page .tx-product-body{background:transparent!important}
body.tx-home-page .tx-product-cat{color:#62ddff!important}
body.tx-home-page .tx-product h3,body.tx-home-page .tx-product h3 a{color:#fff!important}
body.tx-home-page .tx-spec{background:rgba(255,255,255,.035)!important;border-color:rgba(109,213,255,.16)!important;color:#b9cee0!important}
body.tx-home-page .tx-price strong{color:#61dcff!important}
body.tx-home-page .tx-old{color:#7893aa!important}
body.tx-home-page .tx-save{background:rgba(22,177,116,.15)!important;color:#62e6b1!important}
body.tx-home-page .tx-product-actions .tx-btn{background:linear-gradient(135deg,#267aff,#115de9)!important;color:#fff!important;box-shadow:0 14px 28px rgba(16,105,255,.22)!important}
body.tx-home-page .tx-view{background:rgba(255,255,255,.04)!important;border-color:rgba(104,214,255,.18)!important;color:#dff7ff!important}
body.tx-home-page .tx-section-dark{background:linear-gradient(180deg,#06182d,#031120)!important;border-top:1px solid rgba(101,215,255,.10);border-bottom:1px solid rgba(101,215,255,.10)}
body.tx-home-page .tx-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body.tx-home-page .tx-trust-item{background:linear-gradient(145deg,rgba(13,52,84,.9),rgba(5,29,51,.9))!important;border:1px solid rgba(100,214,255,.15)!important;border-radius:20px!important;padding:23px!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}
body.tx-home-page .tx-trust-item span{color:#9fb8cf!important}
body.tx-home-page .tx-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.tx-home-page .tx-service{background:linear-gradient(145deg,rgba(13,54,87,.9),rgba(5,29,51,.94))!important;border:1px solid rgba(100,214,255,.16)!important;color:#fff!important;border-radius:24px!important;box-shadow:0 22px 55px rgba(0,0,0,.22)!important}
body.tx-home-page .tx-service h3{color:#fff!important}.tx-home-page .tx-service p{color:#9fb8cf!important}.tx-home-page .tx-service a{color:#65dcff!important}
body.tx-home-page .tx-cta{background:radial-gradient(circle at 80% 15%,rgba(71,215,255,.20),transparent 30%),linear-gradient(135deg,#0a3156,#061a31)!important;border:1px solid rgba(101,216,255,.18)!important;box-shadow:0 30px 90px rgba(0,0,0,.28)!important;color:#fff!important}
body.tx-home-page .tx-cta p{color:#a8c1d7!important}
body.tx-home-page .tx-btn-white{background:#fff!important;color:#06182d!important}.tx-home-page .tx-btn-glass{background:rgba(255,255,255,.06)!important;border-color:rgba(110,218,255,.20)!important;color:#fff!important}
@media(max-width:900px){body.tx-home-page .tx-cats{grid-template-columns:repeat(2,1fr)}body.tx-home-page .tx-trust{grid-template-columns:repeat(2,1fr)}body.tx-home-page .tx-service-grid{grid-template-columns:1fr}}
@media(max-width:620px){body.tx-home-page .tx-cats{grid-template-columns:1fr}body.tx-home-page .tx-trust{grid-template-columns:1fr}body.tx-home-page .tx-section{padding:65px 0}body.tx-home-page .tx-hero{min-height:600px}}

/* V293 — FULL TRINITY PREMIUM SYSTEM / GLOBAL POLISH */
:root{
  --tx-bg:#041525;
  --tx-surface:#092844;
  --tx-surface-2:#0d3557;
  --tx-line:rgba(105,216,255,.17);
  --tx-muted:#9db5cb;
  --tx-cyan:#62ddff;
  --tx-blue:#2477ff;
  --tx-green:#1bc486;
  --tx-radius:24px;
  --tx-shadow:0 26px 70px rgba(0,8,24,.28);
}
html{background:#041525}
body{
  background:
    radial-gradient(1000px 520px at 8% 0%,rgba(30,130,255,.11),transparent 62%),
    radial-gradient(900px 520px at 94% 18%,rgba(55,220,255,.07),transparent 62%),
    linear-gradient(180deg,#041525 0%,#061c34 55%,#041525 100%) !important;
  color:#f4f9ff;
}
body:before{background:radial-gradient(circle at var(--tx-mx,50%) var(--tx-my,0),rgba(75,211,255,.07),transparent 28%)}

/* Common premium header */
.tx-announcement{background:#020d19!important;border-bottom:1px solid rgba(98,219,255,.12)!important;color:#a9c4db!important}
.tx-header{
  background:rgba(4,19,35,.88)!important;
  border-bottom:1px solid rgba(104,216,255,.14)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(22px)!important;
}
.tx-logo img{background:#fff;border-radius:11px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.tx-mainnav a{color:#c5d7e8!important}
.tx-mainnav a:hover,.tx-mainnav a.active{color:#68ddff!important}
.tx-mainnav a.active:after{background:linear-gradient(90deg,#287aff,#63ddff)!important}
.tx-search{background:rgba(255,255,255,.055)!important;border-color:rgba(105,216,255,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.tx-search svg{color:#80a4bf!important}.tx-search input{color:#f1fbff!important}.tx-search input::placeholder{color:#7895ad!important}
.tx-cartbtn{background:rgba(255,255,255,.055)!important;border-color:rgba(105,216,255,.18)!important;color:#f1fbff!important}
.tx-menu{background:rgba(255,255,255,.055)!important;border-color:rgba(105,216,255,.18)!important;color:#fff!important}
.tx-mobile{background:#08233e!important;border-color:rgba(105,216,255,.18)!important;box-shadow:0 25px 65px rgba(0,0,0,.34)!important}
.tx-mobile a{color:#d9edf9!important}.tx-mobile a:hover{background:rgba(99,216,255,.08)!important;color:#67ddff!important}

/* Global page canvas and common content surfaces */
main{background:transparent}
.section,.page-main,.page-main .container{background:transparent!important;color:#f4f9ff}
.section h1,.section h2,.section h3,.page-main h1,.page-main h2,.page-main h3{color:#f7fbff}
.section p,.page-main p{color:#a8bfd3}
.breadcrumbs,.tx-breadcrumb{color:#86a5bd!important}.breadcrumbs a,.tx-breadcrumb a{color:#68ddff!important}

/* Generic legacy/service cards — one visual language */
.contact-card,.service-card,.product-card,.listing-card,.trust,.contact-page-section .contact-card{
  background:linear-gradient(145deg,rgba(13,54,87,.96),rgba(6,29,50,.98))!important;
  color:#f4f9ff!important;
  border:1px solid rgba(103,216,255,.18)!important;
  box-shadow:0 24px 65px rgba(0,7,20,.24),inset 0 1px rgba(255,255,255,.045)!important;
}
.contact-card label,.contact-card b,.contact-card span{color:#d7e9f6}
.contact-card input,.contact-card select,.contact-card textarea,
.field input,.field select,.field textarea,
.filter,.tx-filter{
  background:rgba(2,18,34,.62)!important;color:#f1fbff!important;
  border-color:rgba(103,216,255,.20)!important;
}
.contact-card input::placeholder,.contact-card textarea::placeholder{color:#7592aa!important}
.contact-card option,.filter option,.tx-filter option{background:#092844;color:#fff}

/* Product grids everywhere */
.tx-product-grid,.listing-grid{align-items:stretch}
.tx-product,.listing-card,.product-card{
  background:linear-gradient(160deg,#0b3153 0%,#06243f 100%)!important;
  color:#fff!important;
  border-color:rgba(102,216,255,.20)!important;
  box-shadow:0 24px 60px rgba(0,7,20,.25),inset 0 1px rgba(255,255,255,.04)!important;
}
.tx-product:hover,.listing-card:hover,.product-card:hover{border-color:rgba(105,221,255,.42)!important;box-shadow:0 32px 78px rgba(0,5,18,.34),0 0 32px rgba(45,185,255,.07)!important}
.tx-media,.product-media{
  background:linear-gradient(145deg,#071c30,#0b3557)!important;
  border-bottom:1px solid rgba(104,216,255,.13)!important;
  overflow:hidden!important;
}
.tx-media img,.product-media img,.listing-card .product-media img,.tx-product img{
  mix-blend-mode:normal!important;
  opacity:1!important;
  filter:none!important;
  object-fit:contain!important;
  transform:none;
}
.tx-product:hover .tx-media img{transform:scale(1.025)!important}
.tx-product-body,.listing-body{background:transparent!important;color:#fff!important}
.tx-product-cat,.listing-card .tag{color:#62ddff!important}
.tx-product h3,.tx-product h3 a,.listing-card h3{color:#fff!important}
.tx-spec,.pill{background:rgba(255,255,255,.045)!important;border-color:rgba(103,216,255,.16)!important;color:#bfd4e4!important}
.tx-price strong,.listing-card .price{color:#63ddff!important}
.tx-old,.listing-card .old-price{color:#7893aa!important}
.tx-save,.offer-badge{background:rgba(28,196,134,.15)!important;color:#64e6b1!important;border-color:rgba(28,196,134,.18)!important}
.tx-view{background:rgba(255,255,255,.045)!important;border-color:rgba(103,216,255,.18)!important;color:#fff!important}
.mini-btn{background:linear-gradient(135deg,#267aff,#125de8)!important;color:#fff!important;border:0!important;box-shadow:0 12px 25px rgba(20,105,255,.20)}

/* Keep every real product photograph bright and natural */
.tx-media:after,.product-media:after{display:none!important}

/* Shop page */
body:has(.tx-shop-head) main{background:transparent!important}
body:has(.tx-shop-head) .tx-shop-head{padding:72px 0 28px!important}
body:has(.tx-shop-head) .tx-shop-head h1{color:#fff!important;font-size:clamp(44px,6vw,74px)!important;letter-spacing:-.055em!important}
body:has(.tx-shop-head) .tx-shop-head p{color:#9db8cf!important}
body:has(.tx-shop-head) .tx-toolbar{
  background:linear-gradient(145deg,rgba(11,47,77,.88),rgba(5,27,47,.94))!important;
  border-color:rgba(104,216,255,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20)!important;
}
body:has(.tx-shop-head) .tx-filter{color:#eefaff!important}
body:has(.tx-shop-head) .tx-results{color:#8eabc2!important}

/* Homepage: premium photos remain bright */
body.tx-home-page .tx-media{background:#071c30!important}
body.tx-home-page .tx-media img{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
body.tx-home-page .tx-cat,.tx-home-page .tx-product,.tx-home-page .tx-service{backdrop-filter:blur(12px)}
body.tx-home-page .tx-hero{box-shadow:inset 0 -1px rgba(105,216,255,.12)}
body.tx-home-page .tx-section-head p{color:#9db7ce!important}

/* Service pages — make white legacy sections disappear into the Trinity canvas */
.power-intro,.power-benefits,.power-process,.power-faq,
.cctv-offer,.cctv-planning,.cctv-process,.cctv-why,
.webit-services,.webit-process,.webit-why,
.tts-offer-section,.tts-why-section,.tts-process-section,.tts-computer-faq-section{
  background:transparent!important;color:#f4f9ff!important;
}
.power-intro .section-head p,.power-benefits .section-head p,.power-process .section-head p,
.cctv-section-head p,.tts-rich-head p{color:#a8bfd3!important}
.power-glass-card,.power-benefit-card,.power-process-card,.power-faq-item,
.cctv-service-card,.cctv-process-card,.cctv-feature,.cctv-faq-item,
.webit-card,.webit-service-card,.webit-process-card,
.tts-offer-card,.tts-why-card,.tts-process-card,.faq,
.power-flow-card,.power-load-card{
  background:linear-gradient(145deg,rgba(13,54,87,.92),rgba(5,29,51,.96))!important;
  border-color:rgba(103,216,255,.18)!important;color:#f4f9ff!important;
  box-shadow:0 22px 60px rgba(0,7,20,.22),inset 0 1px rgba(255,255,255,.04)!important;
}
.power-glass-card p,.power-benefit-card p,.power-process-card p,.cctv-service-card p,.cctv-process-card p,.cctv-feature p,.webit-card p,.tts-offer-card p,.tts-why-card p,.tts-process-card p{color:#a8bfd3!important}
.power-glass-card h3,.power-benefit-card h3,.power-process-card h3,.cctv-service-card h3,.cctv-process-card h3,.cctv-feature h3,.webit-card h3,.tts-offer-card h3,.tts-why-card h3,.tts-process-card h3{color:#fff!important}

/* Product detail: premium pricing and spacing */
.tr-product-page{background:radial-gradient(900px 520px at 12% 10%,rgba(35,133,255,.13),transparent 60%),radial-gradient(900px 500px at 88% 22%,rgba(69,221,255,.08),transparent 62%),linear-gradient(180deg,#041a30,#082a49 55%,#041a30)!important}
.tr-product-gallery,.tr-product-info{border-color:rgba(105,216,255,.20)!important}
.tr-gallery-main{background:linear-gradient(145deg,#071b2f,#0b3456)!important}
.tr-gallery-main img{object-fit:contain!important;filter:none!important;opacity:1!important}
.tr-price-panel{
  margin-top:16px!important;padding:22px!important;border-radius:20px!important;
  background:radial-gradient(circle at 90% 10%,rgba(67,214,255,.13),transparent 38%),linear-gradient(145deg,rgba(13,60,94,.92),rgba(3,25,45,.96))!important;
  border:1px solid rgba(102,219,255,.23)!important;box-shadow:0 20px 50px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.05)!important;
}
.tr-price-label{color:#83a7bf!important}.tr-price-line strong{font-size:42px!important;color:#67ddff!important}.tr-price-line del{color:#839bad!important}.tr-price-line b{background:#e9fff6!important;color:#08794d!important}
.tr-availability{margin-top:14px!important}
.tr-key-specs{margin-top:19px!important}.tr-section-eyebrow{color:#62ddff!important}
.tr-spec-box{background:linear-gradient(145deg,rgba(18,73,111,.76),rgba(6,34,57,.92))!important;border-color:rgba(102,216,255,.20)!important;min-height:54px!important}
.tr-buy-actions{margin-top:16px!important}.tr-buy.primary{background:linear-gradient(135deg,#2a7dff,#125de8)!important}.tr-buy.secondary{background:linear-gradient(135deg,#1bc487,#109862)!important}
.tr-payment-strip span{background:rgba(255,255,255,.035)!important;border-color:rgba(102,216,255,.14)!important;color:#abc7da!important}
.tr-related-wrap{padding-top:48px!important}

/* Checkout / cart surfaces */
.cart-drawer{background:linear-gradient(180deg,#082844,#041b30)!important;color:#fff!important;border-left:1px solid rgba(103,216,255,.18)!important}
.cart-head,.cart-foot{background:transparent!important;border-color:rgba(103,216,255,.15)!important}
.cart-items{background:transparent!important}.close-cart{background:rgba(255,255,255,.07)!important;color:#fff!important}.cart-item{border-color:rgba(103,216,255,.15)!important;background:rgba(255,255,255,.035)!important}

/* Footer */
.tx-footer{background:linear-gradient(180deg,#031321,#020b15)!important;border-top:1px solid rgba(103,216,255,.12)!important;color:#dcecf7!important}
.tx-footer p,.tx-footer-bottom{color:#829fb6!important}.tx-footer a{color:#abc4d7!important}.tx-footer a:hover{color:#68ddff!important}.tx-footer h4{color:#fff!important}

/* Typography / capitalization consistency */
.tx-kicker,.tx-product-cat,.tr-section-eyebrow,.checkout-section-kicker{letter-spacing:.13em!important}
.tx-kicker,.tr-section-eyebrow{font-variant:normal!important}
button,.tx-btn,.tr-buy,.mini-btn{letter-spacing:0!important}

/* Responsive alignment */
@media(max-width:900px){
  .tx-nav{height:70px}.tx-mainnav,.tx-search{display:none!important}.tx-menu{display:grid!important;place-items:center}
  .tx-mobile{top:70px!important}
  .tx-product-grid{grid-template-columns:repeat(2,1fr)!important}
  .tx-trust{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:620px){
  .tx-nav{height:66px}.tx-mobile{top:66px!important}
  .tx-product-grid,.tx-cats,.listing-grid{grid-template-columns:1fr!important}
  .tx-media,.product-media{height:230px!important}
  .tx-section{padding:68px 0!important}
  .tx-product-body{padding:16px!important}
  .tx-price strong{font-size:25px!important}
  .tx-footer-grid{grid-template-columns:1fr!important}
  .tr-price-line strong{font-size:34px!important}
}

/* V293b — legacy section cleanup and alignment */
.webit-maint,.webit-process,.webit-cta,
.tts-offer-section,.tts-process-section,
.tts-computer-main,.tts-computer-faq-section{background:transparent!important;color:#f4f9ff!important}
.webit-maint-copy h2,.webit-process-card h3,.tts-process-card h3,.tts-rich-head h2{color:#fff!important}
.webit-maint-copy>p,.webit-process-card p,.tts-process-card p{color:#a8bfd3!important}
.webit-process-card,.tts-process-card{background:linear-gradient(145deg,rgba(13,54,87,.92),rgba(5,29,51,.96))!important;border-color:rgba(103,216,255,.18)!important;color:#fff!important;box-shadow:0 22px 60px rgba(0,7,20,.22)!important}
.webit-check span,.webit-check b{color:#c6dbea!important}.webit-check i{background:rgba(73,180,255,.12)!important;color:#62ddff!important}
.tts-offer-card,.tts-process-note,.tts-why-card{color:#fff!important}
.listing-card .product-media{aspect-ratio:4/3!important;height:auto!important;min-height:240px!important;padding:14px!important}
.listing-card .product-media img{width:100%!important;height:100%!important;object-fit:contain!important}
.listing-card .listing-body{display:flex!important;flex-direction:column!important;min-height:270px!important;padding:19px!important}
.listing-card .price-row{margin-top:auto!important;align-items:center!important}
.listing-card .desktop-product-actions,.listing-card .price-row{gap:8px!important}

/* Never let a long title/specification break card alignment */
.tx-product h3,.listing-card h3{overflow-wrap:anywhere}
.tx-product-actions,.desktop-product-actions{margin-top:auto!important}

/* Premium light-free service hero transitions */
.webit-maint:before,.webit-process:before,.tts-process-section:before{background:transparent!important}

/* Capitalization consistency for UI labels without altering product names */
.tx-product-cat,.listing-card .tag,.offer-badge,.tx-badge{font-variant:small-caps;letter-spacing:.08em}

/* Make CTA buttons visually consistent across legacy pages */
.btn-blue,.btn-primary,.mini-btn{background:linear-gradient(135deg,#267aff,#125de8)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(17,104,255,.20)!important}
.btn-outline{background:rgba(255,255,255,.05)!important;border:1px solid rgba(112,218,255,.28)!important;color:#fff!important}
.btn-white{background:#fff!important;color:#06182d!important}

/* Consistent section spacing */
@media(min-width:901px){
  .section{padding-top:88px!important;padding-bottom:88px!important}
  .page-main{padding-top:55px!important;padding-bottom:90px!important}
}

/* V294 — CCTV page color-lock: keep the complete page on the Trinity premium canvas. */
body.cctv-page,
body.cctv-page main,
body.cctv-page .cctv-hero,
body.cctv-page .cctv-blue-section,
body.cctv-page .cctv-faq-section,
body.cctv-page .cctv-final-cta{
  background-color:#061a31 !important;
  color:#f4f9ff !important;
}
body.cctv-page .cctv-hero,
body.cctv-page .cctv-blue-section,
body.cctv-page .cctv-faq-section,
body.cctv-page .cctv-final-cta{
  background-image:
    radial-gradient(circle at 84% 18%,rgba(69,215,255,.16),transparent 25%),
    radial-gradient(circle at 12% 84%,rgba(64,102,255,.10),transparent 28%),
    linear-gradient(135deg,#06182d 0%,#082d50 48%,#0a4f84 100%) !important;
}
body.cctv-page .cctv-faq-section{
  margin:0 !important;
  border-top:1px solid rgba(103,216,255,.10) !important;
  border-bottom:1px solid rgba(103,216,255,.10) !important;
}
body.cctv-page .cctv-faq-section .section-head h2,
body.cctv-page .cctv-faq-section .section-head p,
body.cctv-page .cctv-faq-section .kicker{
  color:#fff !important;
}
body.cctv-page .cctv-faq-section .section-head p{color:#a9c5da !important}
body.cctv-page .cctv-faq-section .split-faq{
  background:linear-gradient(145deg,rgba(18,78,119,.92),rgba(4,30,53,.97)) !important;
  border:1px solid rgba(103,216,255,.20) !important;
  box-shadow:0 20px 55px rgba(0,5,18,.22),inset 0 1px rgba(255,255,255,.04) !important;
}
body.cctv-page .cctv-faq-section .split-faq-category{
  background:rgba(98,221,255,.10) !important;
  border:1px solid rgba(98,221,255,.18) !important;
  color:#72ddff !important;
}
body.cctv-page .cctv-faq-section .split-faq-question-text{color:#f7fbff !important}
body.cctv-page .cctv-faq-section .split-faq-answer p{color:#b7cfdf !important}
body.cctv-page .cctv-faq-section .split-faq summary::after{color:#68dcff !important}

/* Keep the CCTV hero and sections visually continuous; no legacy white canvas can leak through. */
body.cctv-page .section,
body.cctv-page .page-main,
body.cctv-page .container{background-color:transparent}
body.cctv-page .cctv-wave{display:block !important}

/* V295 — premium hero refinement: tighter composition + subtle motion */
body.tx-home-page .tx-hero{min-height:0!important;}
body.tx-home-page .tx-hero-inner{min-height:590px!important;padding:38px 0 48px!important;gap:18px!important;}
body.tx-home-page .tx-hero-showcase{min-height:480px!important;overflow:visible;}
body.tx-home-page .tx-hero .tx-reveal{transform:translateY(0);}
body.tx-home-page .tx-hero-showcase:before{content:"";position:absolute;width:520px;height:360px;right:4%;top:50%;transform:translateY(-50%);background:radial-gradient(ellipse,rgba(58,192,255,.20) 0%,rgba(26,117,255,.10) 38%,transparent 72%);filter:blur(14px);animation:txHeroGlow 6s ease-in-out infinite;pointer-events:none;}
body.tx-home-page .tx-hero-showcase:after{content:"";position:absolute;width:420px;height:1px;right:7%;top:52%;background:linear-gradient(90deg,transparent,rgba(103,222,255,.35),transparent);box-shadow:0 -55px 0 rgba(103,222,255,.07),0 55px 0 rgba(103,222,255,.07);opacity:.8;animation:txHeroScan 5.5s ease-in-out infinite;pointer-events:none;}
body.tx-home-page .tx-orb{width:330px;height:330px;background:radial-gradient(circle,rgba(86,216,255,.10),rgba(33,135,255,.055) 45%,transparent 72%);border:1px solid rgba(128,225,255,.10);box-shadow:0 0 100px rgba(0,132,255,.12);animation:txHeroPulse 7s ease-in-out infinite;}
body.tx-home-page .tx-device{animation:txDeviceFloat 5.5s ease-in-out infinite;will-change:transform;z-index:2;}
body.tx-home-page .tx-device:before{background:radial-gradient(circle at 74% 28%,rgba(122,235,255,.55),transparent 18%),linear-gradient(135deg,#061a35,#0b66c7 65%,#54dcff);background-size:140% 140%;animation:txScreenShift 7s ease-in-out infinite;}
body.tx-home-page .tx-floating{z-index:4;animation:txFloatCard 5s ease-in-out infinite;}
body.tx-home-page .tx-f2{animation-delay:-1.7s}.tx-home-page .tx-f3{animation-delay:-3.1s}
body.tx-home-page .tx-f1{top:14%;left:2%}.tx-home-page .tx-f2{right:-1%;top:25%}.tx-home-page .tx-f3{bottom:12%;left:8%}
body.tx-home-page .tx-section:first-of-type{padding-top:78px!important;}
@keyframes txDeviceFloat{0%,100%{transform:perspective(900px) rotateY(-13deg) rotateX(5deg) translate3d(0,0,0)}50%{transform:perspective(900px) rotateY(-11deg) rotateX(4deg) translate3d(0,-10px,0)}}
@keyframes txHeroGlow{0%,100%{opacity:.55;transform:translateY(-50%) scale(1)}50%{opacity:.9;transform:translateY(-50%) scale(1.08)}}
@keyframes txHeroPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:.95;transform:scale(1.045)}}
@keyframes txHeroScan{0%,100%{opacity:.25;transform:translateX(20px)}50%{opacity:.8;transform:translateX(-20px)}}
@keyframes txScreenShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes txFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:860px){body.tx-home-page .tx-hero-inner{padding:48px 0 30px!important}.tx-home-page .tx-hero-showcase{min-height:410px!important}.tx-home-page .tx-f1{left:0}.tx-home-page .tx-f2{right:0}}
@media(max-width:620px){body.tx-home-page .tx-hero-inner{padding:34px 0 20px!important}.tx-home-page .tx-hero-showcase{min-height:350px!important}.tx-home-page .tx-device{width:82%}.tx-home-page .tx-orb{width:260px;height:260px}.tx-home-page .tx-floating{max-width:145px}.tx-home-page .tx-f1{top:10%}.tx-home-page .tx-f2{top:22%}.tx-home-page .tx-f3{bottom:8%}}
@media(prefers-reduced-motion:reduce){body.tx-home-page .tx-device,body.tx-home-page .tx-orb,body.tx-home-page .tx-floating,body.tx-home-page .tx-hero-showcase:before,body.tx-home-page .tx-hero-showcase:after,body.tx-home-page .tx-device:before{animation:none!important}}

/* V296 — unique Trinity network hero animation */
body.tx-home-page .tx-hero-showcase{min-height:500px!important;position:relative;overflow:visible}
.trinity-network{position:relative;width:min(620px,100%);height:520px;margin:auto;isolation:isolate}
.network-glow{position:absolute;inset:18% 8% 12%;background:radial-gradient(circle at 50% 50%,rgba(71,210,255,.16),rgba(35,112,255,.08) 35%,transparent 68%);filter:blur(10px);animation:networkGlow 6s ease-in-out infinite;z-index:0}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.network-path{fill:none;stroke:url(#lineGrad);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:7 10;animation:networkFlow 4.5s linear infinite;filter:url(#lineGlow)}
.network-pulse{fill:#5de4ff;filter:drop-shadow(0 0 8px rgba(93,228,255,.9));animation:networkPulse 2.8s ease-in-out infinite}
.p2{animation-delay:.4s}.p3{animation-delay:.8s}.p4{animation-delay:1.2s}.p5{animation-delay:1.6s}
.network-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(83,219,255,.16);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none;z-index:1}
.ring-a{width:290px;height:290px;box-shadow:0 0 45px rgba(42,159,255,.06);animation:networkRing 12s linear infinite}
.ring-b{width:390px;height:220px;transform:translate(-50%,-50%) rotate(22deg);border-color:rgba(76,172,255,.11);animation:networkRingReverse 15s linear infinite}
.network-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(112,228,255,.55);border-radius:34px;background:linear-gradient(145deg,rgba(13,66,112,.96),rgba(4,27,55,.96));box-shadow:0 0 0 8px rgba(60,197,255,.035),0 22px 70px rgba(0,94,255,.24),inset 0 0 35px rgba(85,215,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;animation:coreFloat 5s ease-in-out infinite}
.network-core:before{content:"";position:absolute;inset:9px;border:1px solid rgba(98,220,255,.12);border-radius:26px;transform:rotate(45deg);animation:coreSpin 18s linear infinite}
.core-mark{font-size:20px;color:#6de4ff;text-shadow:0 0 16px rgba(109,228,255,.75);margin-bottom:4px}.network-core strong{font-size:18px;letter-spacing:.12em;color:#fff}.network-core small{font-size:8px;letter-spacing:.18em;color:#8fb4d2;margin-top:5px}.network-core i{position:absolute;bottom:15px;width:6px;height:6px;border-radius:50%;background:#37e0ad;box-shadow:0 0 12px rgba(55,224,173,.8);animation:statusBlink 1.8s ease-in-out infinite}
.network-node{position:absolute;z-index:4;min-width:172px;padding:13px 15px;border:1px solid rgba(94,216,255,.28);border-radius:17px;background:linear-gradient(145deg,rgba(10,48,82,.92),rgba(4,25,50,.88));box-shadow:0 18px 45px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px);animation:nodeFloat 5.5s ease-in-out infinite}
.network-node:before{content:"";position:absolute;left:12px;top:12px;width:6px;height:6px;border-radius:50%;background:#52ddff;box-shadow:0 0 12px rgba(82,221,255,.9)}
.network-node b{display:block;margin-left:13px;color:#69ddff;font-size:9px;letter-spacing:.12em}.network-node strong{display:block;margin-top:5px;color:#fff;font-size:13px}.network-node span{display:block;margin-top:3px;color:#8eabc5;font-size:10px}.node-top{left:50%;top:2px;transform:translateX(-50%);animation-delay:.5s}.node-left-top{left:1%;top:92px}.node-right-top{right:1%;top:92px;animation-delay:.8s}.node-left-bottom{left:0;bottom:52px;animation-delay:1.1s}.node-right-bottom{right:0;bottom:52px;animation-delay:1.4s}
.network-status{position:absolute;z-index:6;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(4,24,47,.72);backdrop-filter:blur(12px);color:#b8d0e4;font-size:10px;box-shadow:0 12px 28px rgba(0,0,0,.16);animation:statusFloat 4.5s ease-in-out infinite}.network-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38dfac;margin-right:7px;box-shadow:0 0 9px rgba(56,223,172,.7)}.status-one{right:8%;top:40%;animation-delay:.6s}.status-two{left:8%;bottom:10%;animation-delay:1.2s}
@keyframes networkFlow{to{stroke-dashoffset:-68}}
@keyframes networkPulse{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}
@keyframes networkGlow{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.06);opacity:1}}
@keyframes networkRing{to{transform:translate(-50%,-50%) rotate(346deg)}}
@keyframes networkRingReverse{to{transform:translate(-50%,-50%) rotate(-338deg)}}
@keyframes coreFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}
@keyframes coreSpin{to{transform:rotate(405deg)}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes statusFloat{0%,100%{transform:translateY(0);opacity:.86}50%{transform:translateY(-5px);opacity:1}}
@keyframes statusBlink{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:860px){.trinity-network{height:470px;transform:scale(.92)}.network-node{min-width:155px}.node-left-top{left:0}.node-right-top{right:0}.node-left-bottom{left:0}.node-right-bottom{right:0}}
@media(max-width:620px){body.tx-home-page .tx-hero-showcase{min-height:390px!important}.trinity-network{height:390px;transform:scale(.72);transform-origin:top center;width:620px;margin-left:50%;translate:-50% 0}.network-status{display:none}}
@media(prefers-reduced-motion:reduce){.network-path,.network-pulse,.network-glow,.network-ring,.ring-b,.network-core,.network-core:before,.network-node,.network-status{animation:none!important}}

/* V297 — HERO LEFT/RIGHT ALIGNMENT REFINEMENT
   Keep the Trinity network animation centered while lifting the copy block so
   the badge, headline, paragraph and actions align with the visual core. */
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child{
  align-self:center;
  transform:translateY(-42px)!important;
}
body.tx-home-page .tx-hero-showcase{
  align-self:center;
  transform:translateY(0)!important;
}
@media(max-width:860px){
  body.tx-home-page .tx-hero-inner > .tx-reveal:first-child{
    transform:none!important;
  }
}

/* V298 — Premium product specification alignment
   Keep specification chips in a consistent 3-column grid so every product card has a clean, aligned specification area. */
body:has(.tx-shop-head) .tx-specs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  min-height:54px!important;
  align-items:stretch!important;
}
body:has(.tx-shop-head) .tx-spec{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:7px 8px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:1080px){
  body:has(.tx-shop-head) .tx-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  body:has(.tx-shop-head) .tx-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body:has(.tx-shop-head) .tx-spec{min-height:40px!important;font-size:10px!important;}
}

/* V299 — compact premium product-card controls */
.tx-product .tx-product-body{padding:14px 16px 15px}
.tx-product .tx-specs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  min-height:0;
  margin-top:4px;
}
.tx-product .tx-spec{
  box-sizing:border-box;
  min-width:0;
  min-height:34px;
  height:34px;
  padding:4px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.15;
  overflow:hidden;
  font-size:9px;
  border-radius:7px;
  white-space:normal;
}
.tx-product .tx-price{margin-top:11px;gap:6px}
.tx-product .tx-price strong{font-size:21px}
.tx-product .tx-old{font-size:10px}
.tx-product .tx-save{font-size:9px;padding:3px 6px}
.tx-product .tx-product-actions{
  grid-template-columns:minmax(0,1fr) 40px;
  gap:7px;
  margin-top:11px;
  align-items:stretch;
}
.tx-product .tx-product-actions .tx-btn{
  min-height:42px;
  height:42px;
  padding:9px 10px;
  font-size:11px;
  border-radius:11px;
}
.tx-product .tx-view{
  width:40px;
  height:42px;
  min-height:42px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
@media (max-width:760px){
  .tx-product .tx-spec{font-size:8.5px}
  .tx-product .tx-product-body{padding:13px}
  .tx-product .tx-product-actions{grid-template-columns:minmax(0,1fr) 38px}
  .tx-product .tx-view{width:38px}
}


/* V302 — premium footer refinement + simplified Trinity network */
.tx-footer{position:relative;overflow:hidden;padding:68px 0 26px!important;background:linear-gradient(180deg,#031321 0%,#020b15 100%)!important;border-top:1px solid rgba(103,216,255,.16)!important}
.tx-footer:before{content:"";position:absolute;width:520px;height:260px;right:-170px;top:-150px;background:radial-gradient(circle,rgba(55,185,255,.14),transparent 68%);pointer-events:none}
.tx-footer .tx-shell{position:relative;z-index:1}
.tx-footer-grid{grid-template-columns:1.55fr .9fr .9fr .9fr!important;gap:54px!important;align-items:start!important}
.tx-footer-brand{padding-right:20px}
.tx-footer-logo{display:inline-flex!important;width:58px;height:58px!important;border-radius:16px!important;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fcff,#dfeaf3)!important;border:1px solid rgba(103,216,255,.22);box-shadow:0 12px 35px rgba(0,0,0,.22);padding:7px!important;margin-bottom:18px!important}
.tx-footer-logo img{width:100%!important;height:100%!important;object-fit:contain;border-radius:10px}
.tx-footer-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#67ddff;margin-bottom:9px}
.tx-footer-brand p{font-size:12px!important;line-height:1.75;max-width:380px!important;margin:0!important;color:#8fa9bd!important}
.tx-footer h4{font-size:13px!important;letter-spacing:.02em;margin:3px 0 17px!important}
.tx-footer-col a{font-size:12px!important;line-height:1.5;margin:0 0 11px!important;color:#b5cadb!important;transition:color .2s ease,transform .2s ease}
.tx-footer-col a:hover{color:#69ddff!important;transform:translateX(3px)}
.tx-footer-location{display:block;margin-top:5px;font-size:11px;color:#69879e}
.tx-footer-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.tx-footer-meta span{font-size:9px;letter-spacing:.04em;color:#9fc0d4;border:1px solid rgba(103,216,255,.12);background:rgba(8,39,65,.5);padding:7px 9px;border-radius:999px}
.tx-footer-bottom{margin-top:48px!important;padding-top:19px!important;border-top:1px solid rgba(103,216,255,.10)!important;font-size:10px!important}
/* The hero network intentionally contains only Trinity's four core public categories. */
.network-node.node-top{display:none!important}
@media(max-width:860px){.tx-footer-grid{grid-template-columns:1.4fr 1fr 1fr!important;gap:34px!important}.tx-footer-brand{grid-column:1/-1;padding-right:0}}
@media(max-width:620px){.tx-footer{padding:50px 0 22px!important}.tx-footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 22px!important}.tx-footer-brand{grid-column:1/-1}.tx-footer-bottom{display:block!important}.tx-footer-bottom span{display:block;margin-bottom:8px}}

/* V305 — tighter homepage hero top composition */
body.tx-home-page .tx-hero-inner{min-height:520px!important;padding:0!important;}
body.tx-home-page .tx-hero-showcase{min-height:480px!important;}

/* V331 — premium rating row on product cards */
.tx-card-rating{min-height:18px;display:flex;align-items:center;gap:6px;margin-top:1px;color:#7e96aa;font-size:9px;font-weight:750}.tx-card-rating strong{color:#ffd45b;font-size:10px}.tx-card-rating .tts-stars{flex:0 0 auto}.tx-card-rating .tts-star{font-size:11px}.tx-new-rating{color:#ffd45b;font-weight:900;letter-spacing:.03em}.tx-card-rating span:last-child{color:#7891a5}.tx-product .tx-card-rating{margin-bottom:2px}


/* V334 — MOBILE HERO + PRODUCT PHOTO FINAL FIX
   Base: latest uploaded V331 package.
   Desktop layout is intentionally untouched. */
@media (max-width:620px){

  /* ---------- HERO NETWORK ---------- */
  body.tx-home-page .tx-hero-inner{
    min-height:auto!important;
    padding:28px 0 10px!important;
    gap:0!important;
  }

  body.tx-home-page .tx-hero-showcase{
    min-height:310px!important;
    height:310px!important;
    width:100%!important;
    overflow:hidden!important;
    display:block!important;
    position:relative!important;
  }

  body.tx-home-page .trinity-network{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:310px!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
  }

  /* Keep the SVG responsive to the real phone width. */
  body.tx-home-page .network-lines{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  body.tx-home-page .network-glow{
    position:absolute!important;
    inset:8% 0 4%!important;
  }

  body.tx-home-page .network-core{
    left:50%!important;
    top:50%!important;
    width:104px!important;
    height:104px!important;
    transform:translate(-50%,-50%)!important;
    border-radius:24px!important;
  }

  body.tx-home-page .network-ring.ring-a{
    left:50%!important;
    top:50%!important;
    width:200px!important;
    height:200px!important;
  }

  body.tx-home-page .network-ring.ring-b{
    left:50%!important;
    top:50%!important;
    width:270px!important;
    height:150px!important;
  }

  body.tx-home-page .network-node{
    width:126px!important;
    min-width:126px!important;
    box-sizing:border-box!important;
    padding:9px 8px!important;
    border-radius:13px!important;
    z-index:20!important;
  }

  body.tx-home-page .network-node b{
    margin-left:10px!important;
    font-size:7px!important;
  }

  body.tx-home-page .network-node strong{
    font-size:9.5px!important;
    white-space:nowrap!important;
  }

  body.tx-home-page .network-node span{
    font-size:7px!important;
    white-space:nowrap!important;
  }

  /* Four cards are deliberately inside the phone viewport. */
  body.tx-home-page .network-node.node-left-top{
    left:0!important;
    right:auto!important;
    top:18px!important;
  }

  body.tx-home-page .network-node.node-right-top{
    left:auto!important;
    right:0!important;
    top:18px!important;
  }

  body.tx-home-page .network-node.node-left-bottom{
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:8px!important;
  }

  body.tx-home-page .network-node.node-right-bottom{
    left:auto!important;
    right:0!important;
    top:auto!important;
    bottom:8px!important;
  }

  body.tx-home-page .network-status{
    display:none!important;
  }

  /* ---------- PRODUCT PHOTOS ---------- */
  .tx-product-grid .tx-media,
  body.tx-home-page .tx-media{
    height:230px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
  }

  .tx-product-grid .tx-media img,
  body.tx-home-page .tx-media img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    margin:auto!important;
    transform:none!important;
  }

  .tx-product:hover .tx-media img{
    transform:none!important;
  }
}


/* V335 — MATCH MOBILE PRODUCT PHOTO SCALE TO DESKTOP
   The complete source photo stays visible, with the same breathing room
   around the image that the desktop card has. */
@media (max-width:620px){
  .tx-product-grid .tx-media,
  body.tx-home-page .tx-media{
    height:230px!important;
    padding:12px!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }

  .tx-product-grid .tx-media img,
  body.tx-home-page .tx-media img{
    width:auto!important;
    height:auto!important;
    max-width:86%!important;
    max-height:91%!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    margin:auto!important;
    transform:none!important;
  }

  .tx-product:hover .tx-media img{
    transform:none!important;
  }
}


/* V336 — SHOP/PRODUCTS PAGE MOBILE PHOTO FIX
   The Shop page has separate .tx-shop-head/.tx-media rules. Override them
   explicitly so its product photos match the homepage mobile treatment. */
@media (max-width:620px){
  body:has(.tx-shop-head) .tx-product-grid .tx-media{
    height:230px!important;
    padding:12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
  }

  body:has(.tx-shop-head) .tx-product-grid .tx-media img{
    width:auto!important;
    height:auto!important;
    max-width:86%!important;
    max-height:91%!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    margin:auto!important;
    transform:none!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    opacity:1!important;
  }

  body:has(.tx-shop-head) .tx-product:hover .tx-media img{
    transform:none!important;
  }
}


/* V337 — remove secondary hero status badges */
body.tx-home-page .network-status{
  display:none!important;
}

/* V338 — full product card click affordance */
.tx-product-clickable{cursor:pointer}
.tx-product-clickable:focus-visible{
  outline:2px solid #63ddff!important;
  outline-offset:3px;
}

/* V339 — whole-card click behavior for every shared product card */
.tx-product-clickable{cursor:pointer}
.tx-product-clickable > .tx-product-body{cursor:pointer}
.tx-product-clickable a,
.tx-product-clickable button,
.tx-product-clickable input,
.tx-product-clickable select,
.tx-product-clickable textarea,
.tx-product-clickable [role="button"]{cursor:pointer}

/* V340 — reliable whole-card hit area, including Products page.
   The hit-area is a real anchor, so this works even on pages that do not
   load the shared JavaScript bundle. Action controls stay above it. */
.tx-product-clickable{
  position:relative!important;
  cursor:pointer!important;
}
.tx-product-clickable > .tx-card-hitarea{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  border-radius:inherit!important;
  text-decoration:none!important;
}
.tx-product-clickable > .tx-media,
.tx-product-clickable > .tx-product-body{
  position:relative!important;
  z-index:2!important;
}
.tx-product-clickable > .tx-product-body{
  pointer-events:none!important;
}
.tx-product-clickable > .tx-media a,
.tx-product-clickable > .tx-media img,
.tx-product-clickable > .tx-product-body a,
.tx-product-clickable > .tx-product-body button,
.tx-product-clickable > .tx-product-body input,
.tx-product-clickable > .tx-product-body select,
.tx-product-clickable > .tx-product-body textarea,
.tx-product-clickable > .tx-product-body [role="button"]{
  pointer-events:auto!important;
  position:relative!important;
  z-index:3!important;
}
.tx-product-clickable > .tx-product-body .tx-product-actions{
  pointer-events:auto!important;
}

/* V341 — premium sparkling-gold product prices */
.tx-price strong{
  color:#f7d66a!important;
  background:linear-gradient(
    110deg,
    #9b6b16 0%,
    #d9a62e 18%,
    #fff3a6 36%,
    #f6c94f 50%,
    #fff8c9 64%,
    #dca82f 82%,
    #9b6b16 100%
  )!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 10px rgba(255,210,74,.22)!important;
  animation:ttsGoldShimmer 3.2s ease-in-out infinite!important;
}

@keyframes ttsGoldShimmer{
  0%,100%{background-position:0% 50%;filter:brightness(1)}
  45%{background-position:100% 50%;filter:brightness(1.08)}
  60%{background-position:100% 50%;filter:brightness(1.22)}
}

@media (prefers-reduced-motion:reduce){
  .tx-price strong{animation:none!important}
}

/* V342 — sparkle gold applied to EVERY main selling price
   Includes product cards and the large Product Detail Signature Offer price. */
.tx-price strong,
.tx-product .tx-price strong,
.tr-price-line strong,
.tr-price-panel .tr-price-line strong,
.tx-pricebox .tx-price strong{
  color:#f7d66a!important;
  background:linear-gradient(
    110deg,
    #8f6414 0%,
    #d7a52b 14%,
    #fff0a0 28%,
    #fffbe0 38%,
    #f2c43f 50%,
    #fff8c8 62%,
    #ffe98a 72%,
    #d59d24 86%,
    #8f6414 100%
  )!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:
    0 0 5px rgba(255,220,100,.22),
    0 0 14px rgba(255,194,45,.16)!important;
  animation:ttsUniversalGoldShimmer 3.4s ease-in-out infinite!important;
}

@keyframes ttsUniversalGoldShimmer{
  0%,100%{
    background-position:0% 50%;
    filter:brightness(1);
  }
  35%{
    background-position:55% 50%;
    filter:brightness(1.05);
  }
  50%{
    background-position:100% 50%;
    filter:brightness(1.22);
  }
  63%{
    background-position:100% 50%;
    filter:brightness(1.06);
  }
  100%{
    background-position:0% 50%;
    filter:brightness(1);
  }
}

@media (prefers-reduced-motion:reduce){
  .tx-price strong,
  .tx-product .tx-price strong,
  .tr-price-line strong,
  .tr-price-panel .tr-price-line strong,
  .tx-pricebox .tx-price strong{
    animation:none!important;
  }
}

/* V343 — smaller muted original/slashed price */
.tr-price-line del{
  color:#8FA0AE!important;
  font-size:14px!important;
  font-weight:500!important;
  opacity:.9!important;
  text-decoration-thickness:1px!important;
}
.tx-old,
.listing-card .old-price{
  color:#8FA0AE!important;
  font-size:12px!important;
  font-weight:500!important;
  opacity:.9!important;
  text-decoration-thickness:1px!important;
}
.tx-pricebox .tx-old{font-size:12px!important}

/* V344 — restore readable size for original/slashed prices */
.tr-price-line del{
  color:#9AA9B7!important;
  font-size:16px!important;
  font-weight:500!important;
  opacity:1!important;
  text-decoration-thickness:1.5px!important;
}

.tx-old,
.listing-card .old-price{
  color:#9AA9B7!important;
  font-size:14px!important;
  font-weight:500!important;
  opacity:1!important;
  text-decoration-thickness:1.5px!important;
}

.tx-pricebox .tx-old{
  font-size:14px!important;
}

/* V345 - Trinity Signature Offer supporting text in premium gold */
.tr-price-panel .tr-price-kicker,
.tr-price-panel .tr-price-note,
.tr-price-panel .tr-price-value{
  color:#e7c45a!important;
  text-shadow:0 0 7px rgba(255,211,88,.16)!important;
}

.tr-price-panel .tr-price-kicker,
.tr-price-panel .tr-price-value{
  letter-spacing:.14em!important;
}

/* V346 — correct Signature Offer text selectors */
.tr-price-panel .tr-price-label,
.tr-price-panel .tr-price-note,
.tr-price-panel .tr-price-glint{
  color:#e7c45a!important;
  -webkit-text-fill-color:#e7c45a!important;
  text-shadow:0 0 7px rgba(255,211,88,.18)!important;
}

.tr-price-panel .tr-price-label,
.tr-price-panel .tr-price-glint{
  letter-spacing:.14em!important;
}

/* V347 — homepage product prices use the same premium gold as product detail */
body.tx-home-page .tx-product .tx-price strong,
body.tx-home-page .tx-price strong{
  color:#f7d66a!important;
  background:linear-gradient(
    110deg,
    #8f6414 0%,
    #d7a52b 14%,
    #fff0a0 28%,
    #fffbe0 38%,
    #f2c43f 50%,
    #fff8c8 62%,
    #ffe98a 72%,
    #d59d24 86%,
    #8f6414 100%
  )!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:
    0 0 5px rgba(255,220,100,.22),
    0 0 14px rgba(255,194,45,.16)!important;
  animation:ttsUniversalGoldShimmer 3.4s ease-in-out infinite!important;
}

body.tx-home-page .tx-product .tx-price .tx-old{
  color:#9AA9B7!important;
  -webkit-text-fill-color:#9AA9B7!important;
}

/* V348 — premium gold accent pass
   Gold is reserved for high-value moments so the Trinity blue identity remains dominant. */

/* 1. Offer badges: premium gold instead of the previous green */
.tx-badge.sale,
.offer-badge{
  color:#3b2a05!important;
  background:linear-gradient(135deg,#fff1a6 0%,#f6d35b 42%,#d9a72b 100%)!important;
  border:1px solid rgba(255,226,112,.72)!important;
  box-shadow:
    0 4px 16px rgba(244,193,49,.18),
    inset 0 1px rgba(255,255,255,.65)!important;
  font-weight:900!important;
}

/* 2. Subtle gold lift on product cards — only on hover */
.tx-product-clickable:hover{
  border-color:rgba(244,202,82,.62)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    0 0 0 1px rgba(244,202,82,.10),
    0 0 26px rgba(244,202,82,.08)!important;
  transform:translateY(-3px);
}

.tx-product-clickable:hover .tx-view{
  border-color:rgba(244,202,82,.58)!important;
  color:#ffe28a!important;
  box-shadow:0 0 16px rgba(244,202,82,.10)!important;
}

/* 3. New-product star gets the same gold language */
.tx-new-rating{
  color:#f2ca4f!important;
  text-shadow:0 0 7px rgba(244,202,82,.18)!important;
}

/* Keep motion accessible */
@media (prefers-reduced-motion:reduce){
  .tx-product-clickable:hover{transform:none!important}
}

/* V349 — force premium gold badges across Home + Shop + filtered product pages.
   Higher-specificity rules in the shop stylesheet were overriding V348. */
.tx-product .tx-badge,
.tx-product .tx-badge.sale,
body:has(.tx-shop-head) .tx-product .tx-badge,
body:has(.tx-shop-head) .tx-product .tx-badge.sale,
body.tx-home-page .tx-product .tx-badge,
body.tx-home-page .tx-product .tx-badge.sale{
  color:#3b2a05!important;
  background:linear-gradient(
    135deg,
    #fff4b0 0%,
    #f8d96a 35%,
    #e5b83c 65%,
    #c99220 100%
  )!important;
  border:1px solid rgba(255,228,117,.86)!important;
  box-shadow:
    0 5px 18px rgba(231,178,43,.22),
    inset 0 1px rgba(255,255,255,.72)!important;
  font-weight:900!important;
  text-shadow:none!important;
}



/* V381 — TRINITY NETWORK: PURE METALLIC GOLD TYPOGRAPHY */
body.tx-home-page .network-core .core-mark,
body.tx-home-page .network-core strong,
body.tx-home-page .network-core small,
body.tx-home-page .network-node b,
body.tx-home-page .network-node strong,
body.tx-home-page .network-node span{
  color:#ffd75a!important;
  -webkit-text-fill-color:#ffd75a!important;
  text-shadow:
    0 0 6px rgba(255,215,90,.60),
    0 0 14px rgba(238,178,36,.28)!important;
}

/* Make the four category labels and their supporting wording gold,
   while leaving the network structure/background itself unchanged. */
body.tx-home-page .network-node b{
  font-weight:900!important;
  letter-spacing:.12em!important;
}
body.tx-home-page .network-node strong{
  font-weight:900!important;
}
body.tx-home-page .network-node span{
  opacity:.92!important;
}

/* Center TRINITY / TECH SOLUTIONS gets the same gold treatment. */
body.tx-home-page .network-core strong{
  letter-spacing:.12em!important;
}
body.tx-home-page .network-core small{
  letter-spacing:.18em!important;
  opacity:.9!important;
}


/* V382 — HOMEPAGE HERO CTA SPACING */
body.tx-home-page .tx-hero-copy .tx-actions{
  margin-top:42px!important;
}

/* V384 — HOMEPAGE HERO CTA: ACTUAL HERO SELECTOR */
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child .tx-actions{
  margin-top:58px!important;
}

/* V385 — HOMEPAGE EYEBROW TWO STEPS LOWER */
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child .tx-eyebrow{
  transform:translateY(14px)!important;
}

/* V386 — HOMEPAGE RIGHT-SIDE TRINITY NETWORK TWO STEPS UP */
body.tx-home-page .tx-hero-inner > .tx-hero-showcase{
  transform:translateY(-16px)!important;
}

/* V468 — HOMEPAGE HERO BEAM REMOVED
   The animated hero light sweep caused an unwanted moving beam on mobile.
   Keep the hero clean and static; no pseudo-element sweep is rendered. */
body.tx-home-page .tx-hero:after{
  display:none!important;
  content:none!important;
  animation:none!important;
}


/* V398 — MAIN SHOP HEADING GOLD
   Apply the same premium Trinity gold used across the site's signature accents
   to the main Shop heading only. Category headings remain white. */
body.tx-shop-main-page .tx-shop-head h1{
  color:#f7d66a!important;
  background:linear-gradient(
    110deg,
    #9b6b16 0%,
    #d9a62e 18%,
    #fff3a6 36%,
    #f6c94f 50%,
    #fff8c9 64%,
    #dca82f 82%,
    #9b6b16 100%
  )!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 14px rgba(255,210,74,.18)!important;
  animation:ttsShopHeadingGold 3.6s ease-in-out infinite!important;
}
@keyframes ttsShopHeadingGold{
  0%,100%{background-position:0% 50%;filter:brightness(1)}
  45%{background-position:100% 50%;filter:brightness(1.08)}
  60%{background-position:100% 50%;filter:brightness(1.2)}
}
@media(prefers-reduced-motion:reduce){
  body.tx-shop-main-page .tx-shop-head h1{animation:none!important}
}

/* V399 — HOMEPAGE HERO LEFT COPY: TWO-STEP DOWN
   Move only the main headline and the paragraph down together.
   Preserve their internal spacing and leave all other hero elements unchanged. */
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child h1,
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child .tx-hero-copy{
  transform:translateY(28px)!important;
}

/* V400 — HOMEPAGE HERO: MOVE ONLY THE SUPPORTING PARAGRAPH TWO STEPS DOWN
   Keep the headline, buttons, badge and network composition unchanged. */
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child > p{
  transform:translateY(28px)!important;
}

/* V401 — LAPTOP CATEGORY HEADING: PREMIUM GOLD + SINGLE LINE
   Only the laptop category heading is changed. */
body.tx-category-page .tx-shop-head h1{
  color:#f7d66a!important;
  background:linear-gradient(
    110deg,
    #9b6b16 0%,
    #d9a62e 18%,
    #fff3a6 36%,
    #f6c94f 50%,
    #fff8c9 64%,
    #dca82f 82%,
    #9b6b16 100%
  )!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 14px rgba(255,210,74,.18)!important;
  animation:ttsCategoryHeadingGoldV401 3.6s ease-in-out infinite!important;
  font-size:clamp(36px,4.5vw,58px)!important;
  white-space:nowrap!important;
}
@keyframes ttsCategoryHeadingGoldV401{
  0%,100%{background-position:0% 50%;filter:brightness(1)}
  45%{background-position:100% 50%;filter:brightness(1.08)}
  60%{background-position:100% 50%;filter:brightness(1.2)}
}
@media(max-width:900px){
  body.tx-category-page .tx-shop-head h1{
    white-space:normal!important;
    font-size:clamp(34px,7vw,50px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.tx-category-page .tx-shop-head h1{animation:none!important}
}

/* V410 — HOME CATEGORY HEADING: PREMIUM GOLD */
body.tx-home-page .tx-section-head h2{
  color:#f7d66a!important;
  background:linear-gradient(110deg,
    #9b6b16 0%,
    #d9a62e 18%,
    #fff3a6 36%,
    #f6c94f 50%,
    #fff8c9 64%,
    #dca82f 82%,
    #9b6b16 100%
  )!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 14px rgba(255,210,74,.16)!important;
  animation:ttsHomeHeadingGoldV410 4.2s ease-in-out infinite!important;
}
@keyframes ttsHomeHeadingGoldV410{
  0%,100%{background-position:0% 50%;filter:brightness(1)}
  45%{background-position:100% 50%;filter:brightness(1.08)}
  60%{background-position:100% 50%;filter:brightness(1.18)}
}
@media(prefers-reduced-motion:reduce){
  body.tx-home-page .tx-section-head h2{animation:none!important}
}

/* V411 - Premium gold CTA heading */
body.tx-home-page .tx-cta h2{
  color:#f4c95d!important;
  background:linear-gradient(180deg,#fff0a8 0%,#f4c95d 38%,#d99b24 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 8px 28px rgba(226,170,48,.16);
}

/* V412: CTA text alignment only — do not alter colors/design */
.tx-cta h2{margin:8px 0 12px!important;line-height:1.05!important;text-align:left!important;}
.tx-cta p{margin:0!important;line-height:1.5!important;text-align:left!important;}
.tx-cta .tx-actions{margin-left:0!important;margin-top:30px!important;justify-content:flex-start!important;}

/* V414 — HOMEPAGE HERO COLORS ONLY
   Keep the existing layout, spacing, typography and effects unchanged.
   Change only the hero badge text and main headline colors. */
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child .tx-eyebrow{
  color:#4fd8ff!important;
}
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child h1{
  color:#f4c95d!important;
  background:linear-gradient(180deg,#fff0a8 0%,#f4c95d 38%,#d99b24 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 8px 28px rgba(226,170,48,.16);
}
body.tx-home-page .tx-hero-inner > .tx-reveal:first-child h1 .tx-gradient{
  color:#f4c95d!important;
  background:inherit!important;
  -webkit-background-clip:inherit!important;
  background-clip:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* V442 — HOMEPAGE HERO COMPOSITION RESTORE
   SEO wording stays intact; only the visual composition is corrected.
   Keep the headline as two intentional lines and give the copy enough room
   so the network artwork remains balanced on desktop. */
@media(min-width:861px){
  body.tx-home-page .tx-hero-inner{
    grid-template-columns:minmax(0,1.34fr) minmax(0,.66fr)!important;
    gap:18px!important;
    min-height:520px!important;
    padding:0!important;
  }
  body.tx-home-page .tx-hero-inner > .tx-reveal:first-child{
    width:100%!important;
    max-width:790px!important;
    transform:translateY(-22px)!important;
  }
  body.tx-home-page .tx-hero h1{
    font-size:clamp(52px,4.35vw,64px)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
    max-width:790px!important;
    white-space:nowrap!important;
    margin:18px 0 20px!important;
  }
  body.tx-home-page .tx-hero p{
    max-width:650px!important;
    font-size:16px!important;
    line-height:1.65!important;
  }
  body.tx-home-page .tx-hero-showcase{
    min-height:500px!important;
    width:620px!important;
    max-width:none!important;
    justify-self:end!important;
    transform:translateX(12px)!important;
  }
  body.tx-home-page .trinity-network{
    transform:scale(.96)!important;
    transform-origin:center center!important;
  }
}

@media(min-width:861px) and (max-width:1100px){
  body.tx-home-page .tx-hero h1{font-size:52px!important}
  body.tx-home-page .tx-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important}
  body.tx-home-page .tx-hero-showcase{transform:translateX(25px) scale(.92)!important}
}

@media(max-width:860px){
  body.tx-home-page .tx-hero-inner > .tx-reveal:first-child{transform:none!important}
  body.tx-home-page .tx-hero h1{white-space:normal!important}
}

/* V442.1 — desktop balance correction */
@media(min-width:1101px){
  body.tx-home-page .tx-hero-inner{
    grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important;
    gap:20px!important;
  }
  body.tx-home-page .tx-hero-inner > .tx-reveal:first-child{max-width:760px!important}
  body.tx-home-page .tx-hero h1{font-size:56px!important;max-width:none!important}
  body.tx-home-page .tx-hero-showcase{width:500px!important;transform:translateX(8px)!important}
  body.tx-home-page .trinity-network{transform:scale(.88)!important}
}
@media(min-width:861px) and (max-width:1100px){
  body.tx-home-page .tx-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:14px!important}
  body.tx-home-page .tx-hero h1{font-size:50px!important}
  body.tx-home-page .tx-hero-showcase{width:470px!important;transform:translateX(10px)!important}
  body.tx-home-page .trinity-network{transform:scale(.82)!important}
}


/* V485 — SHOP CATEGORY HEADING FINAL WRAP FIX
   Prevent long laptop-category headings from being clipped on desktop. */
body.tx-category-page .tx-shop-head h1{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.05!important;
  font-size:clamp(38px,5.2vw,64px)!important;
}
@media (max-width:700px){
  body.tx-category-page .tx-shop-head h1{
    font-size:clamp(32px,8vw,48px)!important;
    line-height:1.08!important;
  }
}