:root{--spc-brand:#1c3664;--spc-brand-light:#2b7dc8;--spc-ink:#1a1d23;--spc-muted:#6b7280;--spc-bg:#f9fafb;--spc-border:#e5e7eb;--spc-radius:12px;--spc-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px -12px rgba(0,0,0,.12);--spc-container:1200px}
.spc-container{max-width:var(--spc-container);margin:0 auto;padding:0 20px}
.spc-breadcrumbs{font-size:13px;color:var(--spc-muted);margin-bottom:16px}.spc-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.spc-breadcrumbs__link{color:var(--spc-muted)}.spc-breadcrumbs__link:hover{color:var(--spc-brand)}.spc-breadcrumbs__sep{opacity:.5}.spc-breadcrumbs__current{color:var(--spc-ink);font-weight:500}
.spc-archive-hero{background:linear-gradient(135deg,#0a1326,#1c3664);color:#fff;padding:48px 0 40px}.spc-archive-hero__title{font-size:32px;margin:0}.spc-archive-hero__desc{margin-top:12px;color:rgba(255,255,255,.8);max-width:640px}
.spc-archive-hero .spc-breadcrumbs,.spc-archive-hero .spc-breadcrumbs__link{color:rgba(255,255,255,.6)}.spc-archive-hero .spc-breadcrumbs__link:hover,.spc-archive-hero .spc-breadcrumbs__current{color:#fff}
.spc-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:32px}.spc-filters__label{font-size:14px;color:var(--spc-muted)}.spc-filters__chips{display:flex;flex-wrap:wrap;gap:8px}
.spc-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid var(--spc-border);background:#fff;color:var(--spc-ink);transition:all .2s;text-decoration:none}.spc-chip:hover{border-color:var(--spc-brand-light);color:var(--spc-brand)}.spc-chip.is-active{background:var(--spc-brand);color:#fff;border-color:var(--spc-brand)}.spc-chip__count{font-size:11px;opacity:.7}
.spc-archive{padding:48px 0 80px}.spc-grid{display:grid;gap:24px}.spc-grid--2{grid-template-columns:repeat(2,1fr)}.spc-grid--3{grid-template-columns:repeat(3,1fr)}.spc-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.spc-grid--3,.spc-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.spc-grid{grid-template-columns:1fr!important}}
.spc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--spc-border);border-radius:var(--spc-radius);overflow:hidden;box-shadow:var(--spc-shadow);transition:transform .3s,box-shadow .3s}.spc-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px rgba(0,0,0,.08),0 20px 40px -16px rgba(0,0,0,.2)}
.spc-card__media{display:block;height:200px;overflow:hidden;background:linear-gradient(135deg,#1c3664,#2b7dc8)}.spc-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.spc-card:hover .spc-card__media img{transform:scale(1.06)}.spc-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1c3664,#2b7dc8)}
.spc-card__body{padding:20px;display:flex;flex-direction:column;flex:1}.spc-card__brand{font-size:12px;font-weight:600;color:var(--spc-brand-light);text-transform:uppercase;letter-spacing:.08em}.spc-card__title{font-size:18px;margin:8px 0 0}.spc-card__title a{color:var(--spc-ink);text-decoration:none}.spc-card__title a:hover{color:var(--spc-brand)}.spc-card__sku{font-size:12px;color:var(--spc-muted);margin-top:8px}.spc-card__price{font-size:18px;font-weight:700;color:var(--spc-brand);margin-top:12px}.spc-card__link{margin-top:auto;padding-top:16px;font-size:14px;font-weight:600;color:var(--spc-brand-light);text-decoration:none}.spc-card__link:hover{color:var(--spc-brand)}
.spc-pagination{margin-top:48px;text-align:center}.spc-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0 2px;padding:0 12px;border-radius:8px;border:1px solid var(--spc-border);background:#fff;color:var(--spc-ink);font-size:14px;font-weight:500;text-decoration:none}.spc-pagination .page-numbers.current{background:var(--spc-brand);color:#fff;border-color:var(--spc-brand)}.spc-pagination .page-numbers:hover:not(.current){border-color:var(--spc-brand-light);color:var(--spc-brand)}
.spc-empty{text-align:center;padding:64px 0;color:var(--spc-muted)}
.spc-product-hero{background:linear-gradient(135deg,#0a1326,#1c3664);color:#fff;padding:48px 0 56px}.spc-product-hero .spc-breadcrumbs,.spc-product-hero .spc-breadcrumbs__link{color:rgba(255,255,255,.6)}.spc-product-hero .spc-breadcrumbs__link:hover,.spc-product-hero .spc-breadcrumbs__current{color:#fff}
.spc-product-hero__grid{display:grid;gap:48px;align-items:start}@media(min-width:900px){.spc-product-hero__grid{grid-template-columns:1fr 1fr}}
.spc-product-hero__cat{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.8)}.spc-product-hero__title{font-size:32px;margin:16px 0 0}@media(min-width:600px){.spc-product-hero__title{font-size:40px}}.spc-product-hero__brand{margin-top:8px;color:rgba(255,255,255,.7);font-size:15px}
.spc-product-hero__price{margin-top:24px;padding:16px 20px;background:rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:baseline;gap:8px}.spc-price{font-size:28px;font-weight:700;color:#fff}.spc-unit{font-size:14px;color:rgba(255,255,255,.6)}
.spc-product-hero__meta{margin-top:24px;display:grid;gap:12px}.spc-meta-row{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.spc-meta-row span{color:rgba(255,255,255,.6)}.spc-meta-row strong{color:#fff}
.spc-avail--in_stock{color:#4ade80!important}.spc-avail--out_of_stock{color:#f87171!important}.spc-avail--preorder,.spc-avail--made_to_order{color:#fbbf24!important}
.spc-product-hero__cta{margin-top:32px;display:flex;flex-direction:column;gap:12px}@media(min-width:600px){.spc-product-hero__cta{flex-direction:row}}
.spc-gallery{display:flex;flex-direction:column;gap:12px}.spc-gallery__main{border-radius:var(--spc-radius);overflow:hidden;background:rgba(255,255,255,.05)}.spc-gallery__main img{width:100%;display:block}.spc-gallery__thumbs{display:flex;gap:8px;flex-wrap:wrap}.spc-gallery__thumb{border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:none;cursor:pointer;transition:border-color .2s}.spc-gallery__thumb img{width:64px;height:64px;object-fit:cover;display:block}.spc-gallery__thumb.is-active{border-color:#fff}.spc-gallery__thumb:hover{border-color:rgba(255,255,255,.5)}.spc-card__placeholder--lg{height:320px}
.spc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none}.spc-btn--primary{background:var(--spc-brand-light);color:#fff}.spc-btn--primary:hover{background:var(--spc-brand);transform:translateY(-2px)}.spc-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}.spc-btn--ghost:hover{background:rgba(255,255,255,.1)}.spc-btn--block{width:100%}
.spc-product-body{padding:64px 0}.spc-product-body .spc-container{display:grid;gap:40px}@media(min-width:900px){.spc-product-body .spc-container{grid-template-columns:2fr 1fr}}
.spc-content h2{font-size:24px;margin:0 0 16px}.spc-content p{color:#4b5563;line-height:1.7}
.spc-features{margin-top:40px}.spc-features h2{font-size:24px;margin:0 0 16px}.spc-features ul{list-style:none;display:grid;gap:12px}.spc-features li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#374151}.spc-features li i{color:var(--spc-brand-light);font-style:normal;font-weight:700}
.spc-applications{margin-top:40px}.spc-applications h2{font-size:24px;margin:0 0 16px}.spc-app-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media(min-width:600px){.spc-app-grid{grid-template-columns:repeat(3,1fr)}}.spc-app-item{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--spc-border);border-radius:10px;background:#fff;font-size:14px;font-weight:500}
.spc-grades-forms{margin-top:40px;display:grid;gap:24px}@media(min-width:600px){.spc-grades-forms{grid-template-columns:1fr 1fr}}.spc-gf-card{padding:24px;border:1px solid var(--spc-border);border-radius:var(--spc-radius);background:#fff}.spc-gf-card h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 16px}.spc-gf-card ul{list-style:none;display:grid;gap:8px}.spc-gf-card li{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.spc-gf-card li i{color:var(--spc-brand-light);font-style:normal}
.spc-product-body__aside{display:flex;flex-direction:column;gap:24px}.spc-specs{padding:24px;border:1px solid var(--spc-border);border-radius:var(--spc-radius);background:#fff;position:sticky;top:100px}.spc-specs h3{font-size:16px;margin:0 0 16px}.spc-specs dl{margin:0}.spc-specs dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--spc-border)}.spc-specs dt{font-size:13px;color:var(--spc-muted)}.spc-specs dd{margin:0;font-size:13px;font-weight:600;color:var(--spc-ink)}
.spc-aside-cta{padding:24px;border-radius:var(--spc-radius);background:linear-gradient(135deg,#1c3664,#2b7dc8);color:#fff}.spc-aside-cta h3{font-size:18px;margin:0 0 8px;color:#fff}.spc-aside-cta p{font-size:14px;color:rgba(255,255,255,.8);margin:0 0 16px}.spc-aside-cta .spc-btn{background:#fff;color:var(--spc-brand)}.spc-aside-cta .spc-btn:hover{background:rgba(255,255,255,.9)}
.spc-related{padding:64px 0;background:var(--spc-bg)}.spc-related h2{font-size:28px;margin:0 0 32px;text-align:center}
.spc-cat-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(min-width:600px){.spc-cat-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.spc-cat-grid{grid-template-columns:repeat(4,1fr)}}.spc-cat-card{display:flex;flex-direction:column;gap:4px;padding:24px;border:1px solid var(--spc-border);border-radius:var(--spc-radius);background:#fff;color:var(--spc-ink);transition:all .2s;text-decoration:none}.spc-cat-card:hover{border-color:var(--spc-brand-light);transform:translateY(-2px);box-shadow:var(--spc-shadow)}.spc-cat-card__name{font-weight:600;font-size:16px}.spc-cat-card__count{font-size:13px;color:var(--spc-muted)}
.spc-search{display:flex;gap:8px;max-width:480px}.spc-search input{flex:1;padding:12px 16px;border:1px solid var(--spc-border);border-radius:999px;font-size:14px}.spc-search button{padding:12px 24px;background:var(--spc-brand);color:#fff;border:none;border-radius:999px;font-weight:600;cursor:pointer}.spc-search button:hover{background:var(--spc-brand-light)}
/* Hero slider */
.spc-hero-slider{position:relative;background:#0a1326;color:#fff;overflow:hidden}
.spc-hero-slider__track{position:relative}
.spc-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;display:flex;align-items:center;min-height:560px;padding:80px 0 100px}
.spc-hero-slide.is-active{opacity:1;visibility:visible;position:relative}
.spc-hero-slide__bg{position:absolute;inset:0;z-index:0}.spc-hero-slide__bg img{width:100%;height:100%;object-fit:cover}
.spc-hero-slide__overlay{position:absolute;inset:0}
.spc-hero-slide__overlay--dark{background:linear-gradient(135deg,rgba(10,19,38,.92) 0%,rgba(15,27,53,.85) 50%,rgba(28,54,100,.75) 100%)}
.spc-hero-slide__overlay--light{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.5))}
.spc-hero-slide__overlay--gradient{background:linear-gradient(135deg,rgba(28,54,100,.8),rgba(43,125,200,.6))}
.spc-hero-slide__overlay--none{background:none}
.spc-hero-slide__inner{position:relative;z-index:1;max-width:680px}
.spc-hero-slide__pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(43,125,200,.4);background:rgba(15,27,53,.6);border-radius:999px;font-size:12px;font-weight:500;color:#5aa6e0}
.spc-hero-slide__pill .dot{position:relative;width:8px;height:8px;border-radius:50%;background:#2b7dc8}.spc-hero-slide__pill .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#5aa6e0;animation:spc-ping 1.5s infinite}
@keyframes spc-ping{0%{transform:scale(1);opacity:.75}75%,100%{transform:scale(2.5);opacity:0}}
.spc-hero-slide__title{font-size:36px;font-weight:700;line-height:1.08;margin-top:24px}@media(min-width:640px){.spc-hero-slide__title{font-size:52px}}@media(min-width:1024px){.spc-hero-slide__title{font-size:60px}}
.spc-hero-slide__title .hl{color:#5aa6e0}
.spc-hero-slide__lead{margin-top:24px;max-width:560px;color:rgba(255,255,255,.8);font-size:16px}@media(min-width:640px){.spc-hero-slide__lead{font-size:18px}}
.spc-hero-slide__actions{margin-top:32px;display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.spc-hero-slide__actions{flex-direction:row}}
.spc-hero-slide--text-dark .spc-hero-slide__title,.spc-hero-slide--text-dark .spc-hero-slide__lead{color:#1a1d23}.spc-hero-slide--text-dark .spc-hero-slide__pill{color:#1c3664;border-color:rgba(28,54,100,.3)}.spc-hero-slide--text-dark .spc-hero-slide__title .hl{color:#1c3664}
.spc-hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(15,27,53,.5);color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center;transition:all .2s;backdrop-filter:blur(8px)}.spc-hero-slider__arrow:hover{background:#1c3664;border-color:#1c3664}
.spc-hero-slider__arrow--prev{left:20px}.spc-hero-slider__arrow--next{right:20px}@media(max-width:767px){.spc-hero-slider__arrow{display:none}}
.spc-hero-slider__dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px}.spc-hero-slider__dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s;padding:0}.spc-hero-slider__dot.is-active{background:#2b7dc8;width:32px;border-radius:999px}
.spc-hero-slider__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.1);z-index:10}.spc-hero-slider__progress-bar{display:block;height:100%;width:0;background:#2b7dc8;transition:width .1s linear}
.spc-banner-single{position:relative;overflow:hidden;border-radius:var(--spc-radius);min-height:320px;display:flex;align-items:center}.spc-banner-single__bg{position:absolute;inset:0}.spc-banner-single__bg img{width:100%;height:100%;object-fit:cover}.spc-banner-single__inner{position:relative;z-index:1;padding:48px}
/* Dynamic header */
.spc-topbar{background:#0a1326;color:rgba(255,255,255,.7);font-size:13px;padding:8px 0}.spc-topbar__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.spc-topbar__left,.spc-topbar__right{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.spc-topbar__item{white-space:nowrap}.spc-topbar__link{color:rgba(255,255,255,.7);text-decoration:none}.spc-topbar__link:hover{color:#fff}
.spc-site-header{position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08)}.spc-site-header__main{background:#fff;padding:16px 0}.spc-site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.spc-site-header__logo{display:flex;flex-direction:column;text-decoration:none}.spc-site-header__logo-img{max-height:48px;width:auto}.spc-site-header__logo-text{font-size:20px;font-weight:700;color:var(--spc-brand)}.spc-site-header__logo-tag{font-size:11px;color:var(--spc-muted);font-weight:500}
.spc-site-header__nav{flex:1}.spc-nav{list-style:none;display:flex;gap:28px;margin:0;padding:0;justify-content:center}.spc-nav li a{color:var(--spc-ink);text-decoration:none;font-size:15px;font-weight:500;padding:8px 0;transition:color .2s;position:relative}.spc-nav li a:hover,.spc-nav li.is-active a{color:var(--spc-brand)}.spc-nav li a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--spc-brand);transition:width .2s}.spc-nav li a:hover::after,.spc-nav li.is-active a::after{width:100%}
.spc-site-header__cta{white-space:nowrap}
.spc-site-header__toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.spc-site-header__toggle span{width:24px;height:2px;background:var(--spc-ink);transition:all .2s}
@media(max-width:900px){.spc-site-header__nav{display:none}.spc-site-header__toggle{display:flex}.spc-site-header__nav.is-open{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 20px;border-top:1px solid var(--spc-border);box-shadow:0 4px 12px rgba(0,0,0,.1)}.spc-site-header__nav.is-open .spc-nav{flex-direction:column;gap:12px}.spc-site-header__cta{display:none}}
/* Dynamic footer */
.spc-site-footer{background:#0a1326;color:rgba(255,255,255,.7);padding:64px 0 24px}.spc-site-footer__grid{display:grid;gap:40px;grid-template-columns:1fr}@media(min-width:768px){.spc-site-footer__grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}
.spc-site-footer__brand h3{color:#fff;font-size:20px;margin:8px 0 4px}.spc-site-footer__brand p{font-size:13px;color:rgba(255,255,255,.5);margin:0 0 16px}.spc-site-footer__brand img{max-height:48px;margin-bottom:8px}.spc-site-footer__about{font-size:14px;line-height:1.6;margin:0 0 20px}
.spc-site-footer__social{display:flex;gap:8px}.spc-site-footer__social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s}.spc-site-footer__social a:hover{background:var(--spc-brand-light)}
.spc-site-footer__col h4{color:#fff;font-size:15px;margin:0 0 16px}.spc-site-footer__links{list-style:none;padding:0;margin:0}.spc-site-footer__links li{margin-bottom:10px}.spc-site-footer__links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px}.spc-site-footer__links a:hover{color:#fff}
.spc-site-footer__contact{list-style:none;padding:0;margin:0}.spc-site-footer__contact li{display:flex;gap:10px;margin-bottom:12px;font-size:14px;align-items:flex-start}.spc-site-footer__contact i{font-style:normal;flex-shrink:0}.spc-site-footer__contact a{color:rgba(255,255,255,.7);text-decoration:none}.spc-site-footer__contact a:hover{color:#fff}
.spc-site-footer__bottom{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.spc-site-footer__bottom p{font-size:13px;margin:0;color:rgba(255,255,255,.5)}