*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f8fc;color:#14213d}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}header{background:#0b1220;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #0002}nav{height:72px;display:flex;align-items:center;gap:26px}.logo{font-size:1.3rem;font-weight:900;margin-right:auto}.cart-pill{background:#1d4ed8;padding:9px 13px;border-radius:999px}.hero{margin:32px 0;min-height:430px;border-radius:28px;background:linear-gradient(125deg,#0b1220,#172554 62%,#1d4ed8);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:64px;overflow:hidden}.hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;margin:15px 0;max-width:760px}.hero p{font-size:1.15rem;color:#dbeafe;max-width:650px}.eyebrow{font-size:.8rem;letter-spacing:.18em;color:#93c5fd;font-weight:800}.hero-art{font-size:9rem;text-align:center}.hero-art small{font-size:.75rem;display:block;letter-spacing:.3em}.btn,button{display:inline-block;border:0;background:#2563eb;color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;cursor:pointer}.btn.secondary,.outline{background:transparent;border:1px solid #cbd5e1;color:inherit}.hero .secondary{color:#fff;border-color:#ffffff55}.section-head{display:flex;align-items:end;justify-content:space-between;margin:42px 0 18px}.section-head h2{font-size:2rem;margin:0}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:16px;box-shadow:0 8px 30px #0f172a0a;display:flex;flex-direction:column}.product img,.placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:13px;background:#f1f5f9}.placeholder{display:grid;place-items:center;font-size:4rem}.product h3{margin:14px 0 5px;font-size:1rem}.product strong{font-size:1.3rem;margin:6px 0 12px}.product form{margin-top:auto}.muted{color:#64748b}.badge{font-size:.72rem;background:#e0e7ff;color:#3730a3;padding:5px 8px;border-radius:999px;display:inline-block}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:45px 0}.detail img,.detail .placeholder{width:100%;background:#fff}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin:20px 0}.form{display:grid;gap:12px}.form input,.form textarea,.form select,select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.form textarea{min-height:120px}.cartrow{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fff;padding:16px;margin:10px 0;border:1px solid #e2e8f0;border-radius:14px}.notice,.error{padding:14px;border-radius:12px}.notice{background:#dcfce7}.error{background:#fee2e2}.adminhead{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.stat b{font-size:2rem;display:block}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:#fff;padding:24px;border-radius:18px;border:1px solid #e2e8f0}.service span{font-size:2rem}footer{margin-top:60px;background:#0b1220;color:#94a3b8;padding:35px;text-align:center}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero,.detail,.admin-grid{grid-template-columns:1fr}.hero{padding:38px}.hero-art{display:none}.stats,.service-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){nav{gap:12px;font-size:.85rem}.grid,.stats,.service-grid{grid-template-columns:1fr}.hero{min-height:380px;padding:28px}.cartrow{align-items:flex-start;flex-direction:column}}

/* RockComputers v3 theme */
:root{--primary:#e31e28;--accent:#e31e28;--navy:#111a27}body{background:#f7f8fa;color:#152033}.topline{background:#111a27;color:#f5f5f5;font-size:12px}.topline-inner{display:flex;justify-content:space-between;gap:15px;padding:9px 0;flex-wrap:wrap}header{background:#fff}.brandrow{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:18px 0}.rock-logo{font-size:clamp(22px,3vw,33px);font-weight:900;font-style:italic;letter-spacing:-1.5px;color:#121a28;text-decoration:none;white-space:nowrap}.rock-logo span{color:#e31e28}.rock-logo small{display:block;font-size:9px;font-style:normal;font-weight:700;letter-spacing:2px;color:#667085;text-transform:uppercase}.searchbar{display:flex;flex:1;max-width:560px;gap:0}.searchbar input{margin:0;border-radius:9px 0 0 9px;min-width:0}.searchbar button{border-radius:0 9px 9px 0}.rock-nav{background:#111a27}.rock-nav .wrap{display:flex;gap:2px;flex-wrap:wrap}.rock-nav a{color:white;text-decoration:none;padding:14px 18px;font-weight:650;font-size:14px}.rock-nav a:hover,.rock-nav a:first-child{background:#e31e28}.cart-pill{background:#e31e28!important;color:#fff!important;padding:12px 16px;border-radius:9px;text-decoration:none}.rock-hero{margin:25px 0 22px;min-height:365px;border-radius:16px;background:linear-gradient(110deg,#0a111e,#1c2c44 70%,#3b1820);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;color:#fff;padding:clamp(26px,5vw,65px);gap:24px;overflow:hidden}.rock-hero-copy{max-width:700px}.rock-hero h1{font-size:clamp(32px,4.3vw,60px);line-height:1.12;margin:18px 0}.rock-hero p{font-size:18px;max-width:570px;line-height:1.6}.rock-hero-side{min-width:200px;display:grid;gap:14px}.rock-hero-side span{padding:15px;background:#0008;border:1px solid #ffffff30;border-radius:10px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn,button{background:#e31e28}.btn.secondary{background:transparent;border:1px solid #ffffff77;color:white}.rock-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.rock-category{background:#fff;border:1px solid #e5e7eb;border-radius:13px;text-decoration:none;color:#142033;display:flex;flex-direction:column;align-items:center;padding:20px 6px;gap:12px;text-align:center}.rock-category span{font-size:45px}.rock-category b{font-size:13px}.rock-service{background:linear-gradient(110deg,#101928,#273449);border-radius:16px;color:#fff;margin:42px 0 24px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.rock-service>div:first-child{max-width:650px}.rock-service h2{font-size:32px}.rock-service-icon{font-size:100px}.rock-benefits{display:flex;flex-wrap:wrap;justify-content:space-around;gap:15px;background:#fff;padding:25px;border-radius:14px;margin-bottom:40px}.rock-footer{background:#1c2838;color:#f5f6f9;padding:35px 0 15px;margin-top:50px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footnote{border-top:1px solid #ffffff22;padding-top:16px;margin-top:24px;font-size:12px}.product,.panel,.rock-category{box-shadow:0 8px 22px #0e192408}@media(max-width:900px){.rock-categories{grid-template-columns:repeat(3,1fr)}.rock-hero-side{display:none}.searchbar{max-width:350px}}@media(max-width:620px){.brandrow{flex-wrap:wrap}.searchbar{order:3;flex-basis:100%;max-width:none}.rock-categories{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.rock-service-icon{display:none}.rock-nav a{padding:10px}.rock-hero{padding:28px}.topline-inner span:last-child{display:none}}

/* RockComputers v4: reference-inspired complete storefront */
:root{--primary:#e51e29;--navy:#0d1725}body{background:#fff;color:#111b2b}.wrap{width:min(1440px,93%)}.topline{background:#101b2a;color:#fff}.topline-inner{padding:10px 0;font-size:12px}.brandrow{padding:19px 0;gap:30px}.rock-logo{font-size:clamp(23px,2.5vw,36px);line-height:1}.rock-logo small{font-size:9px;letter-spacing:2px;margin-top:7px}.searchbar{display:flex;flex:1;max-width:610px;height:47px}.searchbar input{flex:1;min-width:0;border:1px solid #e4e8ef;background:#f6f7f9;border-radius:9px 0 0 9px;padding:0 18px;font-size:14px}.searchbar button{border-radius:0 9px 9px 0;padding:0 25px}.head-actions{display:flex;align-items:center;gap:22px;white-space:nowrap}.account-link{color:#182338;font-weight:700}.cart-pill{border-radius:9px;padding:13px 18px;background:#e51e29;color:#fff}.rock-nav{background:#101b2a}.navlinks{height:auto;min-height:54px;display:flex;gap:0;align-items:stretch;overflow-x:auto;scrollbar-width:thin}.navlinks a{white-space:nowrap;display:flex;align-items:center;padding:16px 14px;font-size:13px;font-weight:700;color:#fff}.navlinks a:hover{background:#243248}.navlinks .nav-all{background:#e51e29;padding:16px 20px}.rock-hero{margin:14px 0 20px;min-height:360px;border-radius:13px;background:#09111e;position:relative;display:grid;grid-template-columns:45% 1fr 210px;align-items:center;overflow:hidden;color:#fff;padding:36px 30px 36px 45px;isolation:isolate}.rock-hero-copy{position:relative;z-index:2}.rock-hero h1{font-size:clamp(35px,3.6vw,57px);line-height:1.05;letter-spacing:-1.4px;margin:16px 0;max-width:610px}.rock-hero p{font-size:16px;line-height:1.55;max-width:510px;color:#e2e8f0}.rock-hero .eyebrow{color:#fff;font-size:12px;letter-spacing:2.4px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-actions .btn{border-radius:9px}.hero-photo{position:absolute;inset:0 135px 0 33%;background-size:cover;background-position:center;opacity:.78;z-index:0}.rock-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09111e 0%,#09111eea 34%,transparent 73%,#09111e 100%);z-index:1}.rock-hero-side{position:relative;z-index:2;display:grid;gap:8px;align-self:center}.rock-hero-side span{display:block;background:#0a1324c9;border:1px solid #ffffff2e;border-radius:11px;padding:15px 13px;font-size:16px}.rock-hero-side b{font-size:12px;display:inline}.rock-hero-side small{display:block;margin:6px 0 0 24px;font-size:11px;color:#c8d1df}.rock-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:20px 0 40px}.rock-category{display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;padding:12px 7px;background:#fff;border:1px solid #e5e9ef;border-radius:12px;box-shadow:0 4px 18px #101b2a09;transition:transform .2s,box-shadow .2s}.rock-category:hover{transform:translateY(-3px);box-shadow:0 10px 24px #101b2a15}.rock-category img{width:100%;height:108px;object-fit:contain}.rock-category b{text-transform:uppercase;text-align:center;font-size:11px;margin-top:9px}.section-head{margin:32px 0 18px}.section-head h2{font-size:25px;text-transform:uppercase;position:relative;padding-bottom:12px}.section-head h2:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;background:#e51e29}.section-head a{color:#e51e29;font-weight:700}.grid{gap:14px}.product{border-radius:13px;padding:14px;box-shadow:none}.product img,.product .placeholder{height:175px;aspect-ratio:auto;object-fit:contain;background:#fff}.product h3{min-height:42px;font-size:14px}.product strong{font-size:21px;color:#121c2d}.product button{width:100%;border-radius:8px}.rock-service{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:13px;background:#0c1727;color:#fff;min-height:265px;margin:36px 0 20px}.rock-service>div:first-child{padding:36px;position:relative;z-index:1}.rock-service h2{font-size:34px;margin:8px 0}.rock-service p{color:#d8e0ed;max-width:500px}.rock-service-image{background:url('/assets/service-tech.webp') center/cover}.rock-benefits{background:#f1f3f6;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:12px;margin:20px 0}.rock-benefits span{text-align:center;font-weight:700;font-size:13px}.rock-footer{text-align:left}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footnote{border-top:1px solid #ffffff22;padding-top:18px;margin-top:22px;text-align:center}.rock-footer p{line-height:1.6}header{position:relative;top:auto}.rock-nav{position:relative}.badge{background:#fff1f1;color:#ad1d27}@media(max-width:1100px){.rock-categories{grid-template-columns:repeat(4,1fr)}.rock-hero{grid-template-columns:1fr 180px}.hero-photo{inset:0 100px 0 35%}.rock-hero-side{grid-column:2}.account-link span{display:none}.navlinks a{padding:14px 11px}}@media(max-width:700px){.topline-inner{font-size:10px}.brandrow{flex-wrap:wrap;gap:14px}.rock-logo{flex:1}.head-actions{gap:12px}.searchbar{order:3;max-width:none;flex-basis:100%}.rock-hero{padding:30px 22px;display:block;min-height:440px}.rock-hero h1{font-size:38px}.hero-photo{inset:30% 0 0 15%;opacity:.4}.rock-hero:before{background:linear-gradient(90deg,#09111ef2,#09111e99)}.rock-hero-side{display:none}.rock-categories{grid-template-columns:repeat(2,1fr);gap:10px}.rock-category img{height:105px}.grid{grid-template-columns:repeat(2,1fr)}.rock-service{grid-template-columns:1fr}.rock-service-image{height:190px}.rock-benefits{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.section-head h2{font-size:22px}}@media(max-width:420px){.grid{grid-template-columns:1fr}.rock-hero h1{font-size:33px}.cart-pill{font-size:12px;padding:10px}.rock-category img{height:90px}}

/* RockComputers v5 — consistent vector icon system and image-only category artwork */
:root{--primary:#e51e29;--navy:#0c1725}
.ui-icon{display:inline-block;width:20px;height:20px;min-width:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topline .ui-icon{width:15px;height:15px;min-width:15px;color:#e51e29;margin-right:6px}
.topline-inner span{display:inline-flex;align-items:center;gap:5px}
.rock-nav{background:linear-gradient(90deg,#0b1420,#101d2a)}
.navlinks{gap:0;min-height:54px;justify-content:space-between}
.navlinks a{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:15px 12px;font-size:12px;font-weight:700;letter-spacing:-.1px;transition:background .15s}
.navlinks a .ui-icon{width:21px;height:21px;min-width:21px;stroke-width:1.7}
.navlinks a.nav-all{padding:15px 19px;background:#e51e29}
.navlinks a:hover{background:#243447}
.brandrow{padding:20px 0}
.rock-logo{font-weight:950;letter-spacing:-1.5px}
.searchbar button,.cart-pill{display:inline-flex;gap:9px;align-items:center;justify-content:center}
.head-actions{gap:18px}
.account-link{display:inline-flex;gap:8px;align-items:center}
.rock-hero{grid-template-columns:minmax(0,44%) 1fr 210px;min-height:360px;padding:35px 32px 35px 48px;background:#07111e}
.rock-hero h1{font-size:clamp(36px,3.45vw,56px);font-weight:850;letter-spacing:-1.7px}
.rock-hero-copy{z-index:3}
.hero-photo{inset:0 165px 0 31%;background-size:cover;background-position:center center;opacity:.98}
.rock-hero:before{background:linear-gradient(90deg,#07111e 0%,#07111eeb 28%,#07111e55 47%,transparent 70%,#07111ecf 100%)}
.rock-hero-side{gap:0;align-self:stretch;justify-content:center;background:#07111ecc;margin:-35px -32px -35px 0;padding:20px 15px}
.rock-hero-side span{border:0;border-bottom:1px solid #ffffff25;border-radius:0;background:transparent;padding:15px 0;display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-items:center}
.rock-hero-side span:last-child{border:0}
.rock-hero-side .ui-icon{color:#ef2733;width:25px;height:25px}
.rock-hero-side b{font-size:13px}
.rock-hero-side small{grid-column:2;margin:0;font-size:11px}
.hero-actions .btn{display:inline-flex;align-items:center;gap:8px}
.hero-actions .ui-icon{width:18px;height:18px;min-width:18px}
.rock-categories{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:16px}
.rock-category{padding:10px 8px 12px;border-radius:13px;min-height:154px;gap:6px;justify-content:space-between}
.rock-category img{height:108px;width:100%;object-fit:contain;object-position:center;background:#fff;border-radius:7px}
.rock-category b{font-size:11px;line-height:1.25;margin-top:0;min-height:28px;display:grid;place-items:center}
.rock-category:hover{border-color:#e51e2940}
.rock-benefits{background:#f2f3f5}
.rock-benefits span{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}
.rock-benefits .ui-icon{width:27px;height:27px;min-width:27px;color:#162338}
.rock-service-image{background-size:cover;background-position:center}
.placeholder .ui-icon{width:70px;height:70px;stroke:#9ca3af}
@media(max-width:1220px){.navlinks{justify-content:flex-start}.navlinks a{padding:14px 12px}.rock-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.rock-hero{grid-template-columns:1fr 175px}.rock-hero-side{margin:-35px -32px -35px 0}.hero-photo{inset:0 100px 0 34%}}
@media(max-width:700px){.rock-hero{display:block;padding:30px 22px;min-height:420px}.rock-hero-side{display:none}.hero-photo{inset:25% 0 0 15%;opacity:.45}.rock-hero:before{background:linear-gradient(90deg,#07111ef5,#07111e77)}.rock-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.rock-category{min-height:155px}.navlinks a{gap:6px}.navlinks a .ui-icon{width:19px;height:19px;min-width:19px}.rock-benefits span{font-size:11px}}