* {
    box-sizing: border-box;
}

:root {
    --bg: #080b10;
    --panel: #10151c;
    --panel2: #151b23;
    --border: #242d38;
    --text: #f3f6f9;
    --muted: #8f9baa;
    --accent: #22c55e;
    --accent2: #16a34a;
    --danger: #ef4444;
    --warning: #f59e0b;
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    background: var(--bg);
    color: var(--text);
}

body {
    line-height: 1.5;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

input,
select,
textarea {
    width: 100%;
    background: #0b1016;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 12px 14px;
    outline: none;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--accent);
}

label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 18px 0 7px;
}

textarea {
    resize: vertical;
}

.login-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
    background:
        radial-gradient(circle at top right, #12351f 0, transparent 35%),
        var(--bg);
}

.login-card {
    width: 100%;
    max-width: 430px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 40px;
    box-shadow: 0 25px 80px rgba(0,0,0,.45);
}

.login-card h1 {
    margin: 15px 0 4px;
    font-size: 28px;
}

.brand-mark {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent);
    color: #06120a;
    font-weight: 900;
    border-radius: 12px;
}

.brand-mark.small {
    width: 38px;
    height: 38px;
    font-size: 13px;
    border-radius: 9px;
}

.muted {
    color: var(--muted);
}

.login-footer {
    color: var(--muted);
    font-size: 12px;
    text-align: center;
    margin-top: 25px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 8px;
    padding: 10px 16px;
    font-weight: 700;
    transition: .15s ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-primary {
    background: var(--accent);
    color: #041009;
}

.btn-primary:hover {
    background: #34d46f;
}

.btn-secondary {
    background: var(--panel2);
    color: var(--text);
    border: 1px solid var(--border);
}

.btn-danger {
    background: #3a1518;
    color: #ff8585;
    border: 1px solid #602126;
}

.btn-small {
    padding: 7px 10px;
    font-size: 12px;
}

.btn-large {
    padding: 13px 20px;
}

.btn-full {
    width: 100%;
    margin-top: 22px;
}

.alert {
    padding: 13px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.alert.success {
    background: #0c2b19;
    color: #6ee7a0;
    border: 1px solid #155d32;
}

.alert.error {
    background: #321518;
    color: #ff9b9b;
    border: 1px solid #652329;
}

.admin-layout {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: 245px;
    position: fixed;
    inset: 0 auto 0 0;
    background: #090d12;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 22px 20px;
    border-bottom: 1px solid var(--border);
}

.sidebar-brand strong,
.sidebar-brand span {
    display: block;
}

.sidebar-brand strong {
    font-size: 14px;
    letter-spacing: 1px;
}

.sidebar-brand span {
    color: var(--muted);
    font-size: 10px;
    letter-spacing: 2px;
}

.sidebar nav {
    padding: 18px 12px;
}

.sidebar nav a,
.sidebar-bottom a {
    display: block;
    padding: 12px 13px;
    color: #b7c0ca;
    border-radius: 7px;
    margin-bottom: 4px;
}

.sidebar nav a:hover,
.sidebar-bottom a:hover {
    background: var(--panel2);
    color: white;
}

.sidebar-bottom {
    margin-top: auto;
    padding: 12px;
    border-top: 1px solid var(--border);
}

.main-content {
    width: calc(100% - 245px);
    margin-left: 245px;
    min-height: 100vh;
}

.topbar {
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    border-bottom: 1px solid var(--border);
    background: rgba(8,11,16,.9);
}

.topbar-title {
    font-weight: 700;
}

.admin-user {
    color: var(--muted);
    font-size: 13px;
}

.page-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 30px;
}

.page-heading h1 {
    margin: 0;
    font-size: 28px;
}

.page-heading p {
    color: var(--muted);
    margin: 5px 0 0;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    padding: 0 30px 20px;
}

.stat-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
}

.stat-card span {
    display: block;
    color: var(--muted);
    font-size: 13px;
}

.stat-card strong {
    display: block;
    font-size: 30px;
    margin-top: 8px;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    padding: 0 30px 30px;
}

.panel {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    margin: 0 30px 30px;
}

.dashboard-grid .panel {
    margin: 0;
}

.panel-header {
    padding: 18px 20px;
    border-bottom: 1px solid var(--border);
}

.panel-header h2 {
    margin: 0;
    font-size: 16px;
}

.quick-actions {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    padding: 18px;
}

.quick-card {
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: #0c1117;
}

.quick-card:hover {
    border-color: #356b48;
}

.quick-card strong,
.quick-card span {
    display: block;
}

.quick-card span {
    color: var(--muted);
    font-size: 12px;
    margin-top: 5px;
}

.system-list {
    padding: 8px 20px 20px;
}

.system-list div {
    display: flex;
    justify-content: space-between;
    padding: 13px 0;
    border-bottom: 1px solid var(--border);
}

.system-list span {
    color: var(--muted);
}

.toolbar {
    padding: 0 30px 20px;
}

.toolbar form {
    display: flex;
    gap: 8px;
    max-width: 650px;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table th {
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .6px;
    text-align: left;
    padding: 13px 15px;
    border-bottom: 1px solid var(--border);
}

.data-table td {
    padding: 14px 15px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    font-size: 13px;
}

.data-table td small {
    display: block;
    color: var(--muted);
    margin-top: 3px;
}

.actions {
    white-space: nowrap;
}

.actions form {
    display: inline;
}

.status {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 6px;
    background: #202832;
    color: #c5ced7;
    font-size: 11px;
}

.status-published {
    background: #0b2d19;
    color: #65dc91;
}

.status-out_of_stock,
.status-discontinued {
    background: #321518;
    color: #ff9292;
}

.status-awaiting_pricing {
    background: #33270c;
    color: #f5ca61;
}

.empty-state {
    text-align: center;
    padding: 45px !important;
    color: var(--muted);
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    padding: 25px;
}

.form-section {
    padding: 0 25px 25px;
}

.form-grid .form-section {
    padding: 0;
}

.form-section h2 {
    font-size: 17px;
    margin: 0 0 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
}

.field-help {
    color: var(--muted);
    font-size: 11px;
    margin-top: 6px;
}

.checkbox-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox-row input {
    width: auto;
}

.form-actions {
    display: flex;
    gap: 10px;
    padding: 0 25px 25px;
}

.store-body {
    background: #070a0e;
}

.store-header {
    min-height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6%;
    border-bottom: 1px solid var(--border);
    background: rgba(7,10,14,.95);
}

.store-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.store-logo strong,
.store-logo span {
    display: block;
}

.store-logo strong {
    font-size: 15px;
}

.store-logo span {
    color: var(--muted);
    font-size: 9px;
    letter-spacing: 2px;
}

.store-header nav {
    display: flex;
    gap: 22px;
    align-items: center;
}

.store-header nav a {
    color: #b4bdc7;
    font-size: 13px;
}

.store-header nav a:hover {
    color: white;
}

.admin-link {
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 7px;
}

.store-hero {
    padding: 85px 6%;
    background:
        radial-gradient(circle at 80% 30%, #123b21 0, transparent 30%),
        linear-gradient(120deg,#080d12,#0b1118);
    border-bottom: 1px solid var(--border);
}

.eyebrow {
    color: var(--accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.store-hero h1 {
    font-size: clamp(35px,5vw,64px);
    line-height: 1.05;
    margin: 16px 0;
}

.store-hero p {
    color: var(--muted);
    font-size: 18px;
}

.store-container {
    max-width: 1400px;
    margin: auto;
    padding: 45px 6%;
}

.store-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: end;
}

.store-toolbar h2 {
    font-size: 28px;
    margin: 0;
}

.store-toolbar p {
    color: var(--muted);
}

.store-search {
    display: flex;
    gap: 7px;
    width: 430px;
}

.category-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0 30px;
}

.category-pills a {
    padding: 8px 12px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 12px;
    color: var(--muted);
}

.category-pills a.active,
.category-pills a:hover {
    border-color: var(--accent);
    color: var(--accent);
}

.category-pills span {
    margin-left: 5px;
    opacity: .6;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 17px;
}

.store-product-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    transition: .15s ease;
}

.store-product-card:hover {
    transform: translateY(-3px);
    border-color: #365641;
}

.store-product-image {
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0b1016;
    overflow: hidden;
}

.store-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image-placeholder {
    color: var(--muted);
    font-size: 12px;
}

.store-product-content {
    padding: 16px;
}

.store-product-content > span {
    color: var(--accent);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.store-product-content h3 {
    font-size: 15px;
    margin: 7px 0;
}

.store-product-content p {
    color: var(--muted);
    font-size: 12px;
    min-height: 35px;
}

.store-product-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.store-product-bottom strong {
    font-size: 18px;
}

.stock-good {
    color: #58d987;
}

.stock-out {
    color: #ff8585;
}

.product-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.product-gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.product-gallery img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
}

.product-info h1 {
    font-size: 40px;
    line-height: 1.1;
}

.product-category {
    color: var(--accent);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.product-brand {
    color: var(--muted);
}

.product-price {
    font-size: 34px;
    font-weight: 900;
    margin: 20px 0;
}

.product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 25px 0;
}

.spec-block {
    border-top: 1px solid var(--border);
    padding-top: 20px;
    margin-top: 25px;
}

.spec-block h2 {
    font-size: 17px;
}

.spec-text {
    color: #c0c8d1;
    white-space: normal;
}

.warranty-box {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: #0d1711;
    border: 1px solid #1c5130;
    border-radius: 9px;
    margin-top: 25px;
}

.back-link {
    display: inline-block;
    color: var(--muted);
    margin-bottom: 25px;
}

.empty-store {
    grid-column: 1/-1;
    padding: 70px;
    text-align: center;
    border: 1px dashed var(--border);
    border-radius: 12px;
}

.empty-store p {
    color: var(--muted);
}

.store-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 35px 6%;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 12px;
}

.store-footer strong {
    color: white;
}

@media (max-width: 1100px) {

    .stats-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .product-grid {
        grid-template-columns: repeat(3,1fr);
    }

}

@media (max-width: 850px) {

    .sidebar {
        width: 75px;
    }

    .sidebar-brand > div:last-child,
    .sidebar nav a,
    .sidebar-bottom a {
        font-size: 0;
    }

    .sidebar nav a::before {
        content: "•";
        font-size: 20px;
    }

    .main-content {
        width: calc(100% - 75px);
        margin-left: 75px;
    }

    .dashboard-grid,
    .form-grid,
    .product-detail {
        grid-template-columns: 1fr;
    }

    .product-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .quick-actions {
        grid-template-columns: 1fr;
    }

    .store-header {
        padding: 12px 4%;
        flex-wrap: wrap;
        gap: 10px;
    }

    .store-header nav {
        overflow-x: auto;
        width: 100%;
        padding-bottom: 5px;
    }

    .store-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .store-search {
        width: 100%;
    }

}

@media (max-width: 600px) {

    .page-heading {
        padding: 20px;
        align-items: flex-start;
        flex-direction: column;
    }

    .stats-grid,
    .dashboard-grid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .panel {
        margin-left: 20px;
        margin-right: 20px;
    }

    .data-table {
        min-width: 800px;
    }

    .panel {
        overflow-x: auto;
    }

    .product-grid {
        grid-template-columns: 1fr;
    }

    .store-container {
        padding: 30px 5%;
    }

    .store-hero {
        padding: 55px 5%;
    }

    .store-footer {
        flex-direction: column;
    }

    .login-card {
        padding: 28px 22px;
    }

}

.sidebar-brand {
    padding: 18px 15px;
}

.sidebar-logo {
    width: 100%;
    max-width: 205px;
    height: auto;
    display: block;
}


/* =====================================================
   NETCORE SYSTEMS - FINAL BRANDING
   ===================================================== */

.login-logo {
    width: 100%;
    max-width: 350px;
    margin: 0 auto 8px;
}

.login-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.login-subtitle {
    color: var(--muted);
    text-align: center;
    font-size: 13px;
    margin: 0 0 20px;
}

.sidebar-brand {
    padding: 17px 13px;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-logo {
    width: 100%;
    max-width: 205px;
    height: auto;
    display: block;
}

.store-logo {
    display: flex;
    align-items: center;
    width: 185px;
}

.store-logo-image {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 600px) {

    .login-logo {
        max-width: 310px;
    }

    .sidebar-logo {
        max-width: 180px;
    }

}



/* =========================================================
   NETCORE SYSTEMS - LAPTOP / DESKTOP HERO SHOWCASE
   Additive styles only - existing store styles untouched.
   ========================================================= */

.netcore-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
    gap: 45px;
    align-items: center;
}

.netcore-machine-showcase {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.netcore-machine-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(34,197,94,.18) 0,
        rgba(34,197,94,.06) 42%,
        transparent 70%
    );
    filter: blur(2px);
}

.netcore-machine-track {
    position: relative;
    width: 100%;
    min-height: 330px;
}

.netcore-machine-slide {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 18px;
    opacity: 0;
    transform: translateX(25px) scale(.98);
    pointer-events: none;
    transition:
        opacity .55s ease,
        transform .55s ease;
}

.netcore-machine-slide.active {
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: auto;
}

.netcore-machine-copy {
    position: relative;
    z-index: 2;
}

.netcore-machine-type {
    display: inline-block;
    color: var(--accent);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.netcore-machine-copy h2 {
    margin: 0;
    font-size: clamp(20px, 2.2vw, 31px);
    line-height: 1.08;
}

.netcore-machine-brand {
    display: block;
    color: #aeb9c5;
    font-size: 12px;
    margin-top: 7px;
}

.netcore-machine-copy p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
    margin: 12px 0;
}

.netcore-machine-bottom {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.netcore-machine-bottom strong {
    font-size: 22px;
    white-space: nowrap;
}

.netcore-machine-button {
    display: inline-flex;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: white;
    font-size: 11px;
    font-weight: 800;
    background: rgba(16,21,28,.8);
}

.netcore-machine-button:hover {
    border-color: var(--accent);
    color: var(--accent);
}

.netcore-machine-image {
    position: relative;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.netcore-machine-image::before {
    content: "";
    position: absolute;
    width: 245px;
    height: 155px;
    border-radius: 50%;
    background: rgba(34,197,94,.08);
    filter: blur(25px);
}

.netcore-machine-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 330px;
    height: 250px;
    object-fit: contain;
    filter: drop-shadow(0 25px 30px rgba(0,0,0,.5));
}

.netcore-machine-no-image {
    position: relative;
    z-index: 1;
    color: var(--accent);
    font-weight: 900;
    letter-spacing: 2px;
    border: 1px solid var(--border);
    padding: 35px;
    border-radius: 12px;
}

.netcore-machine-dots {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 7px;
    z-index: 5;
}

.netcore-machine-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #52606d;
}

.netcore-machine-dots button.active {
    width: 22px;
    border-radius: 5px;
    background: var(--accent);
}

@media (max-width: 900px) {

    .netcore-hero-layout {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .netcore-machine-showcase {
        min-height: 300px;
    }

    .netcore-machine-track {
        min-height: 300px;
    }

}

@media (max-width: 600px) {

    .netcore-machine-showcase {
        min-height: 330px;
        margin-top: 20px;
    }

    .netcore-machine-track {
        min-height: 330px;
    }

    .netcore-machine-slide {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 5px;
    }

    .netcore-machine-copy {
        order: 2;
    }

    .netcore-machine-image {
        order: 1;
        min-height: 155px;
    }

    .netcore-machine-image img {
        height: 155px;
        max-width: 260px;
    }

    .netcore-machine-image::before {
        width: 190px;
        height: 110px;
    }

    .netcore-machine-bottom {
        justify-content: center;
    }

    .netcore-machine-copy h2 {
        font-size: 20px;
    }

    .netcore-machine-copy p {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .netcore-machine-dots {
        bottom: 0;
    }

}



/* NETCORE MACHINE SHOWCASE */
.netcore-static-showcase{position:relative;min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 45px;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#101522,#18243a 55%,#0d1422);box-shadow:0 25px 70px rgba(0,0,0,.35)}
.netcore-static-copy{position:relative;z-index:3;max-width:48%}
.netcore-static-label{display:block;font-size:12px;font-weight:800;letter-spacing:2px;opacity:.65;margin-bottom:8px}
.netcore-static-category{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:7px 11px;border-radius:20px;background:rgba(255,255,255,.1);margin-bottom:14px}
.netcore-static-copy h2{font-size:32px;line-height:1.08;margin:0 0 12px;font-weight:800}
.netcore-static-copy p{font-size:14px;line-height:1.6;opacity:.72;margin:0 0 18px}
.netcore-static-price{font-size:27px;font-weight:900;margin-bottom:18px}
.netcore-static-button{display:inline-block;padding:11px 18px;border-radius:10px;background:#fff;color:#111;text-decoration:none;font-size:13px;font-weight:800}
.netcore-static-product{position:relative;z-index:2;width:48%;height:330px;display:flex;align-items:center;justify-content:center}
.netcore-static-product img{position:relative;z-index:3;max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain;transition:opacity .35s ease,transform .35s ease;filter:drop-shadow(0 25px 30px rgba(0,0,0,.5))}
.netcore-static-orbit{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 80px rgba(75,130,255,.15) inset}
.netcore-static-dots{position:absolute;z-index:5;bottom:18px;left:45px;display:flex;gap:6px}
.netcore-static-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);transition:.2s}
.netcore-static-dots span.active{width:22px;border-radius:8px;background:#fff}
@media(max-width:800px){.netcore-static-showcase{min-height:520px;padding:25px;display:block}.netcore-static-copy{max-width:100%}.netcore-static-copy h2{font-size:25px}.netcore-static-product{width:100%;height:250px;margin-top:10px}.netcore-static-product img{max-height:220px}.netcore-static-dots{left:25px}}

/* NETCORE HERO - PREMIUM ORIGINAL STYLE */
.netcore-static-showcase{
position:relative;
min-height:430px;
margin-top:25px;
padding:45px 55px;
display:flex;
align-items:center;
justify-content:space-between;
overflow:hidden;
border-radius:0;
background:transparent;
box-shadow:none;
}
.netcore-static-showcase:before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 78% 50%,rgba(0,210,120,.16),transparent 38%);
pointer-events:none;
}
.netcore-static-copy{
position:relative;
z-index:4;
width:48%;
max-width:620px;
}
.netcore-static-label{
display:block;
font-size:11px;
font-weight:800;
letter-spacing:2.5px;
color:#19d37a;
margin-bottom:12px;
}
.netcore-static-category{
display:inline-block;
font-size:10px;
font-weight:800;
letter-spacing:1.5px;
padding:6px 10px;
border-radius:4px;
background:rgba(255,255,255,.08);
color:#fff;
margin-bottom:16px;
}
.netcore-static-copy h2{
font-size:42px;
line-height:1.05;
margin:0 0 14px;
font-weight:850;
letter-spacing:-1.5px;
color:#fff;
}
.netcore-static-copy p{
font-size:14px;
line-height:1.7;
max-width:520px;
margin:0 0 20px;
color:rgba(255,255,255,.62);
}
.netcore-static-price{
font-size:30px;
font-weight:900;
color:#fff;
margin-bottom:20px;
}
.netcore-static-button{
display:inline-block;
padding:12px 20px;
border-radius:5px;
background:#18c978;
color:#06110b;
text-decoration:none;
font-size:12px;
font-weight:850;
transition:.2s;
}
.netcore-static-button:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(24,201,120,.22);
}
.netcore-static-product{
position:relative;
z-index:3;
width:48%;
height:390px;
display:flex;
align-items:center;
justify-content:center;
}
.netcore-static-product img{
position:relative;
z-index:4;
max-width:100%;
max-height:370px;
width:auto;
height:auto;
object-fit:contain;
transition:opacity .4s ease,transform .4s ease;
filter:drop-shadow(0 30px 35px rgba(0,0,0,.55));
}
.netcore-static-orbit{
position:absolute;
width:360px;
height:360px;
border-radius:50%;
background:radial-gradient(circle,rgba(30,130,255,.12),transparent 65%);
border:1px solid rgba(255,255,255,.07);
box-shadow:0 0 100px rgba(20,120,255,.12);
}
.netcore-static-dots{
position:absolute;
z-index:6;
bottom:10px;
left:55px;
display:flex;
gap:6px;
}
.netcore-static-dots span{
width:6px;
height:6px;
border-radius:50%;
background:rgba(255,255,255,.25);
transition:.25s;
}
.netcore-static-dots span.active{
width:24px;
border-radius:5px;
background:#19d37a;
}
@media(max-width:800px){
.netcore-static-showcase{
min-height:560px;
padding:30px 20px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.netcore-static-copy{
width:100%;
max-width:none;
}
.netcore-static-copy h2{
font-size:30px;
}
.netcore-static-product{
width:100%;
height:280px;
margin-top:5px;
align-self:center;
}
.netcore-static-product img{
max-height:260px;
max-width:90%;
}
.netcore-static-orbit{
width:250px;
height:250px;
}
.netcore-static-dots{
left:20px;
bottom:8px;
}
}

/* NETCORE FULL-WIDTH HERO SHOWCASE */
.store-hero{position:relative;overflow:hidden}
.netcore-hero-layout{position:relative;min-height:650px;display:block}
.netcore-hero-layout>div:first-child{position:relative;z-index:10;width:48%;padding-top:35px}
.netcore-static-showcase{position:absolute!important;z-index:4;top:0;left:0;right:0;width:100%!important;height:650px!important;min-height:650px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;display:block!important}
.netcore-static-showcase:before{content:"";position:absolute;right:-5%;top:30px;width:62%;height:570px;background:radial-gradient(circle,rgba(18,211,122,.18),transparent 58%);pointer-events:none}
.netcore-static-copy{position:absolute!important;z-index:12;left:0;top:285px;width:45%!important;max-width:600px!important}
.netcore-static-product{position:absolute!important;z-index:8;right:0;top:75px;width:57%!important;height:500px!important}
.netcore-static-product img{max-width:100%!important;max-height:470px!important;transform:scale(1.08);filter:drop-shadow(0 35px 40px rgba(0,0,0,.55))}
.netcore-static-orbit{width:450px!important;height:450px!important}
.netcore-static-dots{left:0!important;bottom:30px!important}
.netcore-static-category{background:rgba(255,255,255,.08)}
@media(max-width:800px){
.netcore-hero-layout{min-height:760px}
.netcore-hero-layout>div:first-child{width:100%;padding-top:25px}
.netcore-static-showcase{height:760px!important;min-height:760px!important}
.netcore-static-copy{top:275px;left:0;width:100%!important}
.netcore-static-product{top:430px;right:0;width:100%!important;height:280px!important}
.netcore-static-product img{max-height:260px!important}
.netcore-static-orbit{width:250px!important;height:250px!important}
.netcore-static-dots{bottom:12px!important;left:0!important}
}

/* ===== NETCORE FULL HERO FINAL LAYOUT ===== */

.store-hero{
    position:relative!important;
    overflow:hidden!important;
    min-height:720px!important;
    height:720px!important;
    padding:0!important;
    margin:0!important;
    background:
        radial-gradient(circle at 78% 45%,rgba(18,211,122,.20),transparent 30%),
        radial-gradient(circle at 25% 60%,rgba(0,80,55,.30),transparent 38%),
        linear-gradient(110deg,#020607 0%,#061411 48%,#041d14 100%)!important;
}

.netcore-hero-layout{
    position:relative!important;
    width:100%!important;
    height:720px!important;
    min-height:720px!important;
    margin:0!important;
}

.netcore-hero-layout>div:first-child{
    position:relative!important;
    z-index:20!important;
    width:50%!important;
    padding:70px 0 0 0!important;
}

.netcore-hero-layout .store-hero-content{
    position:relative!important;
    z-index:20!important;
}

/* Product showcase becomes the actual hero layer */
.netcore-static-showcase{
    position:absolute!important;
    z-index:5!important;
    inset:0!important;
    width:100%!important;
    height:720px!important;
    min-height:720px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Product copy */
.netcore-static-copy{
    position:absolute!important;
    z-index:25!important;
    left:0!important;
    top:405px!important;
    width:48%!important;
    max-width:620px!important;
    padding:0!important;
    margin:0!important;
}

.netcore-static-label{
    display:inline-block!important;
    margin-bottom:10px!important;
    font-size:11px!important;
    letter-spacing:2px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}

.netcore-static-category{
    display:inline-block!important;
    margin-bottom:10px!important;
    padding:5px 9px!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
    text-transform:uppercase!important;
    border-radius:4px!important;
}

.netcore-static-copy h2{
    margin:0 0 10px 0!important;
    font-size:34px!important;
    line-height:1.08!important;
    font-weight:800!important;
    color:#fff!important;
}

.netcore-static-copy p{
    margin:0 0 15px 0!important;
    max-width:500px!important;
    font-size:14px!important;
    line-height:1.5!important;
    color:#aab9b5!important;
}

.netcore-static-price{
    font-size:25px!important;
    font-weight:800!important;
    color:#12d37a!important;
    margin-bottom:15px!important;
}

.netcore-static-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:11px 20px!important;
    border-radius:6px!important;
    font-size:12px!important;
    font-weight:700!important;
}

/* Product visual */
.netcore-static-product{
    position:absolute!important;
    z-index:10!important;
    right:-3%!important;
    top:55px!important;
    width:58%!important;
    height:570px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.netcore-static-product img{
    position:relative!important;
    z-index:15!important;
    width:auto!important;
    max-width:90%!important;
    max-height:530px!important;
    object-fit:contain!important;
    transform:scale(1.08)!important;
    filter:drop-shadow(0 35px 45px rgba(0,0,0,.65))!important;
}

/* Glow behind machine */
.netcore-static-product:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    width:500px!important;
    height:500px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(18,211,122,.22),rgba(18,211,122,.07) 38%,transparent 70%)!important;
}

/* Decorative orbit */
.netcore-static-orbit{
    position:absolute!important;
    z-index:2!important;
    width:500px!important;
    height:500px!important;
    border:1px solid rgba(18,211,122,.13)!important;
    border-radius:50%!important;
}

/* Dots */
.netcore-static-dots{
    position:absolute!important;
    z-index:30!important;
    left:0!important;
    bottom:35px!important;
}

/* Keep hero text above showcase */
.netcore-hero-layout h1,
.netcore-hero-layout p,
.netcore-hero-layout .hero-actions{
    position:relative!important;
    z-index:30!important;
}

/* Stop accidental overlap from old positioning */
.netcore-static-showcase .netcore-static-copy,
.netcore-static-showcase .netcore-static-product{
    overflow:visible!important;
}

/* Mobile */
@media(max-width:800px){

    .store-hero{
        min-height:850px!important;
        height:850px!important;
    }

    .netcore-hero-layout{
        height:850px!important;
        min-height:850px!important;
    }

    .netcore-hero-layout>div:first-child{
        width:100%!important;
        padding:45px 22px 0!important;
    }

    .netcore-static-showcase{
        height:850px!important;
        min-height:850px!important;
    }

    .netcore-static-product{
        right:0!important;
        top:270px!important;
        width:100%!important;
        height:390px!important;
    }

    .netcore-static-product img{
        max-width:90%!important;
        max-height:350px!important;
    }

    .netcore-static-copy{
        left:22px!important;
        right:22px!important;
        top:650px!important;
        width:auto!important;
        max-width:none!important;
    }

    .netcore-static-copy h2{
        font-size:25px!important;
    }

    .netcore-static-copy p{
        font-size:13px!important;
    }

    .netcore-static-dots{
        left:22px!important;
        bottom:20px!important;
    }
}

/* =========================================================
   NETCORE PREMIUM HERO — FINAL VISUAL OVERRIDE
   ========================================================= */

.store-hero{
    position:relative!important;
    overflow:hidden!important;
    height:680px!important;
    min-height:680px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:
        radial-gradient(ellipse at 82% 45%,rgba(18,211,122,.16),transparent 30%),
        radial-gradient(ellipse at 45% 80%,rgba(0,90,60,.18),transparent 38%),
        linear-gradient(115deg,#020607 0%,#03100d 52%,#041b13 100%)!important;
}

.netcore-hero-layout{
    position:relative!important;
    width:100%!important;
    height:680px!important;
    min-height:680px!important;
    margin:0!important;
    padding:0 7%!important;
    box-sizing:border-box!important;
}

.netcore-hero-layout>div:first-child{
    position:relative!important;
    z-index:40!important;
    width:54%!important;
    padding:72px 0 0!important;
    margin:0!important;
}

.netcore-hero-layout h1{
    max-width:720px!important;
    margin:0 0 18px!important;
    font-size:58px!important;
    line-height:1.02!important;
    letter-spacing:-2px!important;
    font-weight:800!important;
    color:#fff!important;
}

.netcore-hero-layout>div:first-child>p{
    max-width:560px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.6!important;
    color:#9db0aa!important;
}

/* Full-width showcase layer */
.netcore-static-showcase{
    position:absolute!important;
    inset:0!important;
    z-index:10!important;
    width:100%!important;
    height:680px!important;
    min-height:680px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Remove old decorative circle */
.netcore-static-orbit{
    display:none!important;
}

/* Green product glow */
.netcore-static-showcase:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    right:4%!important;
    top:80px!important;
    width:620px!important;
    height:520px!important;
    border-radius:50%!important;
    background:
        radial-gradient(circle,
        rgba(18,211,122,.23) 0%,
        rgba(18,211,122,.10) 35%,
        transparent 70%)!important;
    pointer-events:none!important;
}

/* Product information */
.netcore-static-copy{
    position:absolute!important;
    z-index:50!important;
    left:7%!important;
    top:390px!important;
    width:46%!important;
    max-width:570px!important;
    padding:0!important;
    margin:0!important;
}

.netcore-static-label{
    display:block!important;
    margin:0 0 8px!important;
    color:#12d37a!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:2px!important;
    font-weight:800!important;
}

.netcore-static-category{
    display:inline-block!important;
    margin:0 0 9px!important;
    padding:5px 9px!important;
    background:rgba(18,211,122,.10)!important;
    border:1px solid rgba(18,211,122,.25)!important;
    border-radius:4px!important;
    color:#12d37a!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:1px!important;
    font-weight:800!important;
}

.netcore-static-copy h2{
    margin:0 0 8px!important;
    padding:0!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.5px!important;
    font-weight:800!important;
}

.netcore-static-copy p{
    margin:0 0 10px!important;
    padding:0!important;
    max-width:500px!important;
    color:#9db0aa!important;
    font-size:13px!important;
    line-height:1.45!important;
}

.netcore-static-price{
    margin:0 0 12px!important;
    color:#12d37a!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:800!important;
}

.netcore-static-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 17px!important;
    background:#12d37a!important;
    border:0!important;
    border-radius:5px!important;
    color:#02110b!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
}

/* Product visual */
.netcore-static-product{
    position:absolute!important;
    z-index:20!important;
    right:3%!important;
    top:55px!important;
    width:51%!important;
    height:500px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}

.netcore-static-product img{
    position:relative!important;
    z-index:10!important;
    width:auto!important;
    max-width:620px!important;
    max-height:500px!important;
    object-fit:contain!important;
    transform:scale(1.12)!important;
    mix-blend-mode:multiply!important;
    filter:drop-shadow(0 35px 35px rgba(0,0,0,.60))!important;
    transition:opacity .35s ease,transform .35s ease!important;
}

/* Keep the image above glow */
.netcore-static-product:after{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    width:440px!important;
    height:440px!important;
    border-radius:50%!important;
    border:1px solid rgba(18,211,122,.10)!important;
    pointer-events:none!important;
}

/* Slider dots */
.netcore-static-dots{
    position:absolute!important;
    z-index:60!important;
    left:7%!important;
    bottom:28px!important;
    display:flex!important;
    gap:6px!important;
}

.netcore-static-dots span{
    width:5px!important;
    height:5px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.25)!important;
    transition:all .25s ease!important;
}

.netcore-static-dots span.active{
    width:20px!important;
    border-radius:4px!important;
    background:#12d37a!important;
}

/* Mobile */
@media(max-width:800px){

    .store-hero{
        height:780px!important;
        min-height:780px!important;
    }

    .netcore-hero-layout{
        height:780px!important;
        min-height:780px!important;
        padding:0 22px!important;
    }

    .netcore-hero-layout>div:first-child{
        width:100%!important;
        padding-top:38px!important;
    }

    .netcore-hero-layout h1{
        font-size:38px!important;
        letter-spacing:-1px!important;
    }

    .netcore-hero-layout>div:first-child>p{
        font-size:13px!important;
    }

    .netcore-static-showcase{
        height:780px!important;
        min-height:780px!important;
    }

    .netcore-static-product{
        right:0!important;
        top:205px!important;
        width:100%!important;
        height:350px!important;
    }

    .netcore-static-product img{
        max-width:92%!important;
        max-height:330px!important;
        transform:scale(1)!important;
    }

    .netcore-static-product:after{
        width:300px!important;
        height:300px!important;
    }

    .netcore-static-copy{
        left:22px!important;
        right:22px!important;
        top:570px!important;
        width:auto!important;
        max-width:none!important;
    }

    .netcore-static-copy h2{
        font-size:27px!important;
    }

    .netcore-static-copy p{
        font-size:12px!important;
    }

    .netcore-static-dots{
        left:22px!important;
        bottom:20px!important;
    }
}

/* =========================================================
   NETCORE APPROVED HERO DESIGN
   HEADER / LOGO INTENTIONALLY UNTOUCHED
   ========================================================= */

.store-hero{
    position:relative!important;
    overflow:hidden!important;
    height:650px!important;
    min-height:650px!important;
    padding:0!important;
    margin:0!important;
    background:
      radial-gradient(ellipse at 76% 48%,rgba(0,255,140,.18),transparent 31%),
      radial-gradient(ellipse at 34% 70%,rgba(0,100,65,.20),transparent 40%),
      linear-gradient(115deg,#020606 0%,#03100c 52%,#041b13 100%)!important;
}

/* Hero content area only */
.netcore-hero-layout{
    position:relative!important;
    width:100%!important;
    height:650px!important;
    min-height:650px!important;
    padding:0 6.5%!important;
    box-sizing:border-box!important;
}

/* Main headline */
.netcore-hero-layout>div:first-child{
    position:relative!important;
    z-index:30!important;
    width:52%!important;
    padding-top:58px!important;
    margin:0!important;
}

.netcore-hero-layout h1{
    max-width:680px!important;
    margin:0 0 15px!important;
    color:#fff!important;
    font-size:54px!important;
    line-height:1.02!important;
    letter-spacing:-1.8px!important;
    font-weight:800!important;
}

.netcore-hero-layout>div:first-child>p{
    max-width:570px!important;
    margin:0!important;
    color:#9eb2aa!important;
    font-size:15px!important;
    line-height:1.55!important;
}

/* Showcase itself */
.netcore-static-showcase{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:650px!important;
    min-height:650px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Product information */
.netcore-static-copy{
    position:absolute!important;
    z-index:40!important;
    left:6.5%!important;
    top:350px!important;
    width:46%!important;
    max-width:590px!important;
    margin:0!important;
    padding:0!important;
}

.netcore-static-label{
    display:block!important;
    color:#12d37a!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2px!important;
    margin:0 0 9px!important;
}

.netcore-static-category{
    display:inline-block!important;
    padding:5px 9px!important;
    margin:0 0 9px!important;
    background:rgba(18,211,122,.10)!important;
    border:1px solid rgba(18,211,122,.25)!important;
    color:#12d37a!important;
    border-radius:4px!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
}

.netcore-static-copy h2{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.5px!important;
    font-weight:800!important;
}

.netcore-static-copy p{
    margin:0 0 11px!important;
    max-width:500px!important;
    color:#9eb2aa!important;
    font-size:13px!important;
    line-height:1.45!important;
}

.netcore-static-price{
    margin:0 0 12px!important;
    color:#12d37a!important;
    font-size:24px!important;
    font-weight:800!important;
}

.netcore-static-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:11px 18px!important;
    background:#12d37a!important;
    color:#001a0e!important;
    border-radius:5px!important;
    font-size:11px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

/* Product area */
.netcore-static-product{
    position:absolute!important;
    z-index:15!important;
    right:2%!important;
    top:35px!important;
    width:54%!important;
    height:555px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}

/* Product glow */
.netcore-static-product:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    right:8%!important;
    top:4%!important;
    width:560px!important;
    height:500px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(18,211,122,.24) 0%,rgba(18,211,122,.09) 35%,transparent 70%)!important;
}

/* Remove old circle */
.netcore-static-orbit{
    display:none!important;
}

/* Large product */
.netcore-static-product img{
    position:relative!important;
    z-index:10!important;
    width:auto!important;
    max-width:680px!important;
    max-height:520px!important;
    object-fit:contain!important;
    transform:scale(1.14)!important;
    filter:drop-shadow(0 35px 35px rgba(0,0,0,.65))!important;
    transition:opacity .35s ease,transform .35s ease!important;
}

/* Slider dots */
.netcore-static-dots{
    position:absolute!important;
    z-index:50!important;
    left:6.5%!important;
    bottom:27px!important;
    display:flex!important;
    gap:6px!important;
}

.netcore-static-dots span{
    width:6px!important;
    height:6px!important;
    background:rgba(255,255,255,.25)!important;
    border-radius:50%!important;
}

.netcore-static-dots span.active{
    width:25px!important;
    background:#12d37a!important;
    border-radius:5px!important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){

    .store-hero{
        height:760px!important;
        min-height:760px!important;
    }

    .netcore-hero-layout{
        height:760px!important;
        min-height:760px!important;
        padding:0 20px!important;
    }

    .netcore-hero-layout>div:first-child{
        width:100%!important;
        padding-top:35px!important;
    }

    .netcore-hero-layout h1{
        font-size:37px!important;
        line-height:1.03!important;
        letter-spacing:-1px!important;
    }

    .netcore-static-showcase{
        height:760px!important;
        min-height:760px!important;
    }

    .netcore-static-product{
        top:205px!important;
        right:0!important;
        width:100%!important;
        height:340px!important;
    }

    .netcore-static-product img{
        max-width:92%!important;
        max-height:330px!important;
        transform:scale(1)!important;
    }

    .netcore-static-copy{
        left:20px!important;
        right:20px!important;
        top:555px!important;
        width:auto!important;
        max-width:none!important;
    }

    .netcore-static-copy h2{
        font-size:27px!important;
    }

    .netcore-static-dots{
        left:20px!important;
        bottom:18px!important;
    }
}

/* =========================================================
   NETCORE HERO CLEAN OVERRIDE
   HEADER + LOGO ARE NOT TOUCHED
   ========================================================= */

.store-hero{
    position:relative!important;
    overflow:hidden!important;
    height:650px!important;
    min-height:650px!important;
    padding:0!important;
    margin:0!important;
    background:
      radial-gradient(ellipse at 78% 48%,rgba(18,211,122,.20),transparent 32%),
      linear-gradient(115deg,#020606 0%,#03130e 55%,#042016 100%)!important;
}

/* REAL hero text wrapper — the existing HTML uses plain div */
.store-hero > div:first-child{
    position:relative!important;
    z-index:50!important;
    width:52%!important;
    padding:55px 0 0 6.5%!important;
    box-sizing:border-box!important;
}

.store-hero > div:first-child .eyebrow{
    display:block!important;
    margin-bottom:14px!important;
    color:#12d37a!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2px!important;
}

.store-hero > div:first-child h1{
    margin:0 0 18px!important;
    max-width:680px!important;
    color:#fff!important;
    font-size:55px!important;
    line-height:1.02!important;
    letter-spacing:-1.8px!important;
    font-weight:800!important;
}

.store-hero > div:first-child p{
    margin:0!important;
    max-width:560px!important;
    color:#9db1aa!important;
    font-size:15px!important;
    line-height:1.55!important;
}

/* Showcase */
.store-hero .netcore-static-showcase{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:650px!important;
    min-height:650px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}

/* Product information */
.store-hero .netcore-static-copy{
    position:absolute!important;
    z-index:60!important;
    left:6.5%!important;
    top:350px!important;
    width:44%!important;
    max-width:570px!important;
    margin:0!important;
    padding:0!important;
}

.store-hero .netcore-static-label{
    display:block!important;
    margin:0 0 8px!important;
    color:#12d37a!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2px!important;
}

.store-hero .netcore-static-category{
    display:inline-block!important;
    margin:0 0 8px!important;
    padding:5px 9px!important;
    background:rgba(18,211,122,.10)!important;
    border:1px solid rgba(18,211,122,.25)!important;
    border-radius:4px!important;
    color:#12d37a!important;
    font-size:9px!important;
    font-weight:800!important;
}

.store-hero .netcore-static-copy h2{
    margin:0 0 7px!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.08!important;
    font-weight:800!important;
}

.store-hero .netcore-static-copy p{
    margin:0 0 10px!important;
    color:#9db1aa!important;
    font-size:13px!important;
}

.store-hero .netcore-static-price{
    margin:0 0 12px!important;
    color:#12d37a!important;
    font-size:24px!important;
    font-weight:800!important;
}

.store-hero .netcore-static-button{
    display:inline-flex!important;
    padding:11px 18px!important;
    background:#12d37a!important;
    color:#00170d!important;
    border-radius:5px!important;
    font-size:11px!important;
    font-weight:800!important;
}

/* BIG PRODUCT */
.store-hero .netcore-static-product{
    position:absolute!important;
    z-index:20!important;
    right:1%!important;
    top:25px!important;
    width:55%!important;
    height:555px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}

/* Remove old circle */
.store-hero .netcore-static-orbit{
    display:none!important;
}

/* Glow */
.store-hero .netcore-static-product:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    width:600px!important;
    height:500px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(18,211,122,.22),rgba(18,211,122,.07) 40%,transparent 72%)!important;
}

/* Product image */
.store-hero .netcore-static-product img{
    position:relative!important;
    z-index:10!important;
    width:auto!important;
    max-width:650px!important;
    max-height:520px!important;
    object-fit:contain!important;
    transform:scale(1.15)!important;
    mix-blend-mode:multiply!important;
    filter:drop-shadow(0 30px 35px rgba(0,0,0,.65))!important;
    transition:opacity .35s ease!important;
}

/* Slider dots */
.store-hero .netcore-static-dots{
    position:absolute!important;
    z-index:70!important;
    left:6.5%!important;
    bottom:25px!important;
}

.store-hero .netcore-static-dots span{
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
}

.store-hero .netcore-static-dots span.active{
    width:24px!important;
    background:#12d37a!important;
    border-radius:5px!important;
}

/* MOBILE */
@media(max-width:800px){

    .store-hero{
        height:760px!important;
        min-height:760px!important;
    }

    .store-hero > div:first-child{
        width:100%!important;
        padding:35px 20px 0!important;
    }

    .store-hero > div:first-child h1{
        font-size:38px!important;
        letter-spacing:-1px!important;
    }

    .store-hero .netcore-static-showcase{
        height:760px!important;
        min-height:760px!important;
    }

    .store-hero .netcore-static-product{
        top:190px!important;
        right:0!important;
        width:100%!important;
        height:350px!important;
    }

    .store-hero .netcore-static-product img{
        max-width:92%!important;
        max-height:330px!important;
        transform:scale(1)!important;
    }

    .store-hero .netcore-static-copy{
        left:20px!important;
        top:555px!important;
        width:calc(100% - 40px)!important;
    }

    .store-hero .netcore-static-copy h2{
        font-size:27px!important;
    }
}

/* =========================================================
   NETCORE DESIGN 1 — PREMIUM STORE HERO
   LOGO ARTWORK UNCHANGED
   ========================================================= */

/* HEADER — ONLY MAKE EXISTING LOGO SLIGHTLY LARGER */
.store-header{
    position:relative!important;
    z-index:100!important;
}

.store-logo-image{
    width:170px!important;
    height:auto!important;
    object-fit:contain!important;
}

/* HERO */
.store-hero{
    position:relative!important;
    overflow:hidden!important;
    height:650px!important;
    min-height:650px!important;
    margin:0!important;
    padding:0!important;
    background:
        radial-gradient(ellipse at 67% 48%,rgba(0,255,140,.18),transparent 28%),
        radial-gradient(ellipse at 92% 50%,rgba(0,180,100,.12),transparent 30%),
        linear-gradient(115deg,#010505 0%,#02100b 48%,#031b12 100%)!important;
}

/* MAIN HERO HEADLINE */
.store-hero > div:first-child{
    position:absolute!important;
    z-index:50!important;
    left:5.5%!important;
    top:58px!important;
    width:39%!important;
    padding:0!important;
    margin:0!important;
}

.store-hero > div:first-child .eyebrow{
    display:block!important;
    margin:0 0 14px!important;
    color:#12d37a!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2.5px!important;
}

.store-hero > div:first-child h1{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:52px!important;
    line-height:1.02!important;
    letter-spacing:-1.8px!important;
    font-weight:800!important;
}

.store-hero > div:first-child p{
    margin:0!important;
    max-width:500px!important;
    color:#a2b5ae!important;
    font-size:15px!important;
    line-height:1.55!important;
}

/* SHOWCASE */
.store-hero .netcore-static-showcase{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:650px!important;
    min-height:650px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}

/* PRODUCT VISUAL */
.store-hero .netcore-static-product{
    position:absolute!important;
    z-index:20!important;
    left:35%!important;
    right:auto!important;
    top:55px!important;
    width:43%!important;
    height:500px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}

/* LARGE GREEN GLOW */
.store-hero .netcore-static-product:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    width:500px!important;
    height:500px!important;
    border-radius:50%!important;
    background:
        radial-gradient(circle,
        rgba(18,211,122,.28) 0%,
        rgba(18,211,122,.12) 35%,
        transparent 72%)!important;
}

/* REMOVE OLD ORBIT */
.store-hero .netcore-static-orbit{
    display:none!important;
}

/* PRODUCT IMAGE */
.store-hero .netcore-static-product img{
    position:relative!important;
    z-index:10!important;
    width:auto!important;
    max-width:650px!important;
    max-height:500px!important;
    object-fit:contain!important;
    transform:scale(1.18)!important;
    mix-blend-mode:multiply!important;
    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.70))
        drop-shadow(0 0 25px rgba(18,211,122,.12))!important;
    transition:opacity .35s ease,transform .35s ease!important;
}

/* PRODUCT DETAILS — NEXT TO PICTURE */
.store-hero .netcore-static-copy{
    position:absolute!important;
    z-index:60!important;
    left:auto!important;
    right:5.5%!important;
    top:245px!important;
    width:25%!important;
    max-width:390px!important;
    margin:0!important;
    padding:0!important;
}

/* FEATURED LABEL */
.store-hero .netcore-static-label{
    display:block!important;
    margin:0 0 9px!important;
    color:#12d37a!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2px!important;
}

/* CATEGORY */
.store-hero .netcore-static-category{
    display:inline-block!important;
    margin:0 0 10px!important;
    padding:5px 9px!important;
    background:rgba(18,211,122,.08)!important;
    border:1px solid rgba(18,211,122,.35)!important;
    border-radius:4px!important;
    color:#12d37a!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
}

/* PRODUCT NAME */
.store-hero .netcore-static-copy h2{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.5px!important;
    font-weight:800!important;
}

/* SPECS */
.store-hero .netcore-static-copy p{
    margin:0 0 13px!important;
    color:#a4b7b0!important;
    font-size:12px!important;
    line-height:1.55!important;
}

/* PRICE */
.store-hero .netcore-static-price{
    margin:0 0 15px!important;
    color:#12d37a!important;
    font-size:30px!important;
    line-height:1!important;
    font-weight:800!important;
}

/* BUTTON */
.store-hero .netcore-static-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 20px!important;
    background:#12d37a!important;
    border:0!important;
    border-radius:5px!important;
    color:#00170d!important;
    font-size:11px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

/* SLIDER DOTS */
.store-hero .netcore-static-dots{
    position:absolute!important;
    z-index:70!important;
    left:5.5%!important;
    bottom:28px!important;
    display:flex!important;
    gap:6px!important;
}

.store-hero .netcore-static-dots span{
    width:6px!important;
    height:6px!important;
    background:rgba(255,255,255,.25)!important;
    border-radius:50%!important;
    transition:all .25s ease!important;
}

.store-hero .netcore-static-dots span.active{
    width:25px!important;
    background:#12d37a!important;
    border-radius:5px!important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){

    .store-logo-image{
        width:145px!important;
    }

    .store-hero{
        height:780px!important;
        min-height:780px!important;
    }

    .store-hero > div:first-child{
        left:20px!important;
        top:32px!important;
        width:calc(100% - 40px)!important;
    }

    .store-hero > div:first-child h1{
        font-size:38px!important;
        letter-spacing:-1px!important;
    }

    .store-hero .netcore-static-product{
        left:0!important;
        top:205px!important;
        width:100%!important;
        height:330px!important;
    }

    .store-hero .netcore-static-product img{
        max-width:92%!important;
        max-height:320px!important;
        transform:scale(1)!important;
    }

    .store-hero .netcore-static-copy{
        left:20px!important;
        right:20px!important;
        top:555px!important;
        width:calc(100% - 40px)!important;
        max-width:none!important;
    }

    .store-hero .netcore-static-copy h2{
        font-size:27px!important;
    }

    .store-hero .netcore-static-price{
        font-size:25px!important;
    }

    .store-hero .netcore-static-dots{
        left:20px!important;
        bottom:18px!important;
    }
}

/* =========================================================
   NETCORE HERO SCROLL INDICATOR
   ========================================================= */

.netcore-scroll-indicator{
    position:absolute!important;
    z-index:100!important;
    left:50%!important;
    bottom:20px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    color:#8da59c!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:all .3s ease!important;
}

.netcore-scroll-indicator:hover{
    color:#12d37a!important;
    transform:translateX(-50%) translateY(-3px)!important;
}

.netcore-scroll-text{
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:2px!important;
    text-transform:uppercase!important;
}

.netcore-scroll-arrow{
    position:relative!important;
    width:26px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(18,211,122,.45)!important;
    border-radius:15px!important;
    background:rgba(0,20,12,.35)!important;
    box-shadow:0 0 18px rgba(18,211,122,.08)!important;
}

.netcore-scroll-arrow::after{
    content:""!important;
    width:7px!important;
    height:7px!important;
    border-right:2px solid #12d37a!important;
    border-bottom:2px solid #12d37a!important;
    transform:rotate(45deg)!important;
    margin-top:-4px!important;
    animation:netcoreScrollArrow 1.4s ease-in-out infinite!important;
}

@keyframes netcoreScrollArrow{
    0%,100%{
        transform:translateY(-3px) rotate(45deg);
        opacity:.45;
    }
    50%{
        transform:translateY(4px) rotate(45deg);
        opacity:1;
    }
}

.netcore-scroll-line{
    width:1px!important;
    height:12px!important;
    background:linear-gradient(to bottom,#12d37a,transparent)!important;
    margin-top:-5px!important;
}

/* Make sure hero can contain the indicator */
.store-hero{
    position:relative!important;
}

/* Mobile */
@media(max-width:800px){

    .netcore-scroll-indicator{
        bottom:14px!important;
    }

    .netcore-scroll-text{
        font-size:8px!important;
        letter-spacing:1.5px!important;
    }

    .netcore-scroll-arrow{
        width:24px!important;
        height:30px!important;
    }
}

/* =========================================================
   NETCORE APPROVED HERO
   FINAL AUTHORITATIVE OVERRIDE
   HEADER / LOGO NOT MODIFIED
   ========================================================= */

.nc-approved-hero{
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    height:650px!important;
    min-height:650px!important;
    margin:0!important;
    padding:0!important;

    background:
        radial-gradient(
            ellipse at 72% 42%,
            rgba(18,211,122,.20),
            transparent 31%
        ),
        radial-gradient(
            ellipse at 42% 78%,
            rgba(0,90,55,.22),
            transparent 38%
        ),
        linear-gradient(
            115deg,
            #010505 0%,
            #03120d 50%,
            #041b13 100%
        )!important;
}


/* LEFT MESSAGE */

.nc-hero-message{
    position:absolute!important;
    z-index:30!important;
    left:5.5%!important;
    top:78px!important;
    width:34%!important;
}

.nc-hero-message .eyebrow{
    display:block!important;
    margin-bottom:15px!important;
    color:#12d37a!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:2.5px!important;
}

.nc-hero-message h1{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:50px!important;
    line-height:1.04!important;
    letter-spacing:-1.8px!important;
    font-weight:800!important;
}

.nc-hero-message p{
    margin:0!important;
    max-width:500px!important;
    color:#a5b7b0!important;
    font-size:15px!important;
    line-height:1.55!important;
}


/* SMALL BENEFITS */

.nc-benefits-mini{
    display:flex!important;
    gap:26px!important;
    margin-top:34px!important;
}

.nc-benefits-mini > div{
    display:grid!important;
    grid-template-columns:30px auto!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
    min-width:120px!important;
}

.nc-benefit-icon{
    grid-row:1 / 3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:27px!important;
    height:27px!important;
    border:1px solid #12d37a!important;
    border-radius:7px!important;
    color:#12d37a!important;
    font-weight:800!important;
}

.nc-benefits-mini strong{
    color:#fff!important;
    font-size:10px!important;
    line-height:1.2!important;
}

.nc-benefits-mini small{
    color:#8ea29a!important;
    font-size:9px!important;
    line-height:1.3!important;
}


/* PRODUCT VISUAL */

.nc-product-visual{
    position:absolute!important;
    z-index:15!important;
    left:30%!important;
    top:25px!important;
    width:49%!important;
    height:570px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
}

.nc-green-glow{
    position:absolute!important;
    z-index:1!important;
    width:560px!important;
    height:560px!important;
    border-radius:50%!important;

    background:
        radial-gradient(
            circle,
            rgba(18,211,122,.25) 0%,
            rgba(18,211,122,.10) 35%,
            transparent 72%
        )!important;
}

.nc-product-platform{
    position:absolute!important;
    z-index:2!important;
    bottom:5px!important;
    width:90%!important;
    height:115px!important;
    border-radius:50% 50% 15% 15%!important;

    background:
        linear-gradient(
            145deg,
            rgba(18,211,122,.30),
            rgba(0,30,20,.85) 35%,
            #020807 100%
        )!important;

    box-shadow:
        0 -10px 35px rgba(18,211,122,.16),
        inset 0 2px 8px rgba(18,211,122,.22)!important;

    transform:perspective(400px) rotateX(18deg)!important;
}

.nc-product-visual img{
    position:relative!important;
    z-index:10!important;
    width:auto!important;
    max-width:700px!important;
    max-height:510px!important;
    object-fit:contain!important;

    transform:scale(1.15)!important;

    mix-blend-mode:multiply!important;

    filter:
        drop-shadow(0 30px 35px rgba(0,0,0,.72))
        drop-shadow(0 0 20px rgba(18,211,122,.10))!important;

    transition:opacity .35s ease, transform .35s ease!important;
}


/* RIGHT PRODUCT DETAILS */

.nc-product-info{
    position:absolute!important;
    z-index:40!important;
    right:5.5%!important;
    top:205px!important;
    width:23%!important;
    max-width:370px!important;
}

.nc-product-category{
    display:inline-block!important;
    margin-bottom:10px!important;
    padding:5px 9px!important;

    color:#12d37a!important;
    background:rgba(18,211,122,.08)!important;
    border:1px solid rgba(18,211,122,.45)!important;
    border-radius:5px!important;

    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:1.2px!important;
}

.nc-product-info h2{
    margin:0 0 9px!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:800!important;
}

.nc-product-info p{
    margin:0 0 13px!important;
    color:#a2b5ad!important;
    font-size:12px!important;
    line-height:1.55!important;
}

.nc-product-price{
    margin-bottom:15px!important;
    color:#12d37a!important;
    font-size:31px!important;
    line-height:1!important;
    font-weight:800!important;
}

.nc-product-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:13px 21px!important;

    background:#12d37a!important;
    color:#00150c!important;

    border-radius:5px!important;

    font-size:11px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

.nc-product-actions{
    display:flex!important;
    gap:24px!important;
    margin-top:19px!important;
    padding-top:13px!important;

    border-top:1px solid rgba(255,255,255,.16)!important;

    color:#aabbb5!important;
    font-size:11px!important;
}

.nc-product-actions span{
    white-space:nowrap!important;
}


/* SCROLL INDICATOR */

.nc-scroll-explore{
    position:absolute!important;
    z-index:80!important;
    left:50%!important;
    bottom:17px!important;

    transform:translateX(-50%)!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;

    color:#d0dcd7!important;
    text-decoration:none!important;

    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:2.5px!important;

    transition:color .3s ease, transform .3s ease!important;
}

.nc-scroll-explore:hover{
    color:#12d37a!important;
    transform:translateX(-50%) translateY(-3px)!important;
}

.nc-scroll-arrow{
    position:relative!important;

    width:30px!important;
    height:38px!important;

    border:1px solid #12d37a!important;
    border-radius:17px!important;

    box-shadow:0 0 18px rgba(18,211,122,.12)!important;
}

.nc-scroll-arrow:after{
    content:""!important;

    position:absolute!important;

    left:10px!important;
    top:10px!important;

    width:8px!important;
    height:8px!important;

    border-right:2px solid #12d37a!important;
    border-bottom:2px solid #12d37a!important;

    transform:rotate(45deg)!important;

    animation:ncScrollDown 1.4s ease-in-out infinite!important;
}

@keyframes ncScrollDown{

    0%,100%{
        transform:translateY(-2px) rotate(45deg);
        opacity:.45;
    }

    50%{
        transform:translateY(6px) rotate(45deg);
        opacity:1;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){

    .nc-approved-hero{
        height:780px!important;
        min-height:780px!important;
    }

    .nc-hero-message{
        left:20px!important;
        top:35px!important;
        width:calc(100% - 40px)!important;
    }

    .nc-hero-message h1{
        font-size:37px!important;
        letter-spacing:-1px!important;
    }

    .nc-hero-message p{
        font-size:13px!important;
    }

    .nc-benefits-mini{
        display:none!important;
    }

    .nc-product-visual{
        left:0!important;
        top:210px!important;
        width:100%!important;
        height:330px!important;
    }

    .nc-product-visual img{
        max-width:92%!important;
        max-height:320px!important;
        transform:scale(1)!important;
    }

    .nc-product-platform{
        width:80%!important;
        height:65px!important;
    }

    .nc-product-info{
        left:20px!important;
        right:20px!important;
        top:555px!important;
        width:calc(100% - 40px)!important;
        max-width:none!important;
    }

    .nc-product-info h2{
        font-size:27px!important;
    }

    .nc-product-price{
        font-size:25px!important;
    }

    .nc-product-actions{
        display:none!important;
    }

    .nc-scroll-explore{
        bottom:14px!important;
    }

}


/* Old showcase dots are intentionally hidden.
   The only hero indicator is SCROLL TO EXPLORE. */

.netcore-static-dots{
    display:none!important;
}

.nc-approved-hero .netcore-static-showcase{
    display:contents!important;
}


/* =========================================================
   NETCORE FINAL LOGO SIZE
   ORIGINAL LOGO ARTWORK PRESERVED
   ========================================================= */

.store-header{
    min-height:92px!important;
    height:92px!important;
}

.store-header .store-logo-image{
    width:190px!important;
    height:auto!important;
    max-height:78px!important;
    object-fit:contain!important;
    display:block!important;
}

/* Cover alternative logo selectors if used by existing header */
.store-header .logo img,
.store-header .brand img,
.store-header a img{
    max-height:78px!important;
    object-fit:contain!important;
}

/* Keep navigation vertically centred */
.store-header nav,
.store-header .store-nav{
    align-items:center!important;
}

/* Mobile logo */
@media(max-width:800px){

    .store-header{
        min-height:76px!important;
        height:76px!important;
    }

    .store-header .store-logo-image,
    .store-header .logo img,
    .store-header .brand img,
    .store-header a img{
        width:155px!important;
        max-height:65px!important;
    }
}


/* ============================================================
   NETCORE SYSTEMS
   FINAL DATABASE MACHINE HERO
   ============================================================ */

.netcore-machine-hero {
    position: relative;
    width: 100%;
    min-height: 650px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 78% 48%,
            rgba(0, 119, 255, 0.18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #07111f 0%,
            #091a2c 48%,
            #02070d 100%
        );
    color: #fff;
    isolation: isolate;
}

.netcore-machine-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4, 12, 22, 0.96) 0%,
            rgba(4, 12, 22, 0.72) 42%,
            rgba(4, 12, 22, 0.10) 78%,
            rgba(4, 12, 22, 0.50) 100%
        );
    z-index: -1;
}

.netcore-machine-hero-inner {
    width: min(1450px, calc(100% - 80px));
    min-height: 650px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 44% 56%;
    align-items: center;
    position: relative;
}

.netcore-machine-copy {
    position: relative;
    z-index: 5;
    padding: 60px 0 70px;
}

.netcore-machine-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #54a8ff;
}

.netcore-machine-eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: #1683ff;
}

.netcore-machine-copy h1 {
    margin: 0;
    max-width: 680px;
    font-size: clamp(44px, 5vw, 76px);
    line-height: 0.98;
    letter-spacing: -3px;
    font-weight: 850;
}

.netcore-machine-copy h1 span {
    color: #1683ff;
}

.netcore-machine-intro {
    max-width: 560px;
    margin: 24px 0 38px;
    color: rgba(255,255,255,0.72);
    font-size: 17px;
    line-height: 1.65;
}

.netcore-machine-product-info {
    max-width: 540px;
}

.netcore-machine-category {
    margin-bottom: 7px;
    color: #54a8ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.netcore-machine-product-info h2 {
    margin: 0;
    font-size: clamp(23px, 2vw, 34px);
    line-height: 1.15;
    font-weight: 800;
}

.netcore-machine-product-info p {
    max-width: 510px;
    margin: 12px 0 15px;
    color: rgba(255,255,255,0.65);
    font-size: 14px;
    line-height: 1.5;
}

.netcore-machine-price {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 850;
    letter-spacing: -0.5px;
}

.netcore-machine-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    min-height: 46px;
    padding: 0 21px;
    border-radius: 8px;
    background: #1683ff;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 1px;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.netcore-machine-button span {
    font-size: 20px;
    line-height: 1;
}

.netcore-machine-button:hover {
    transform: translateY(-2px);
    background: #3194ff;
    box-shadow: 0 12px 30px rgba(22,131,255,0.30);
}

.netcore-machine-stage {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.netcore-machine-image-wrap {
    position: relative;
    width: min(760px, 100%);
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.netcore-machine-glow {
    position: absolute;
    width: 520px;
    height: 330px;
    border-radius: 50%;
    background: rgba(16, 128, 255, 0.20);
    filter: blur(65px);
    transform: translateY(15px);
}

.netcore-machine-image {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 480px;
    object-fit: contain;
    opacity: 0;
    transform:
        translate3d(0, 25px, 0)
        scale(0.92);
    filter:
        drop-shadow(0 30px 45px rgba(0,0,0,0.50));
    transition:
        opacity 0.45s ease,
        transform 0.55s cubic-bezier(.2,.75,.2,1);
}

.netcore-machine-image.nc-image-visible {
    opacity: 1;
    transform:
        translate3d(0, 0, 0)
        scale(1);
}

.netcore-machine-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.20);
    border-radius: 50%;
    background: rgba(5,16,29,0.72);
    backdrop-filter: blur(12px);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-size: 36px;
    line-height: 1;
    transform: translateY(-50%);
    opacity: 0;
    transition:
        opacity 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

.netcore-machine-arrow-left {
    left: 15px;
}

.netcore-machine-arrow-right {
    right: 15px;
}

.netcore-machine-stage:hover .netcore-machine-arrow {
    opacity: 1;
}

.netcore-machine-arrow:hover {
    background: #1683ff;
    border-color: #1683ff;
    transform: translateY(-50%) scale(1.08);
}

.netcore-scroll-indicator {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    color: rgba(255,255,255,0.52);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    pointer-events: none;
}

.netcore-scroll-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255,255,255,0.30);
    border-radius: 50%;
    animation: netcoreScrollBounce 1.5s infinite;
}

@keyframes netcoreScrollBounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }
}

.nc-slide-next .netcore-machine-copy {
    animation: ncCopyNext 0.55s ease both;
}

.nc-slide-prev .netcore-machine-copy {
    animation: ncCopyPrev 0.55s ease both;
}

.nc-slide-next .netcore-machine-image {
    animation: ncMachineNext 0.55s ease both;
}

.nc-slide-prev .netcore-machine-image {
    animation: ncMachinePrev 0.55s ease both;
}

@keyframes ncCopyNext {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes ncCopyPrev {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes ncMachineNext {
    0% {
        opacity: 0;
        transform: translateX(50px) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes ncMachinePrev {
    0% {
        opacity: 0;
        transform: translateX(-50px) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

    .netcore-machine-hero-inner {
        width: min(100% - 45px, 950px);
        grid-template-columns: 48% 52%;
    }

    .netcore-machine-copy h1 {
        font-size: 52px;
    }

    .netcore-machine-intro {
        font-size: 15px;
    }

    .netcore-machine-image-wrap {
        height: 440px;
    }

    .netcore-machine-image {
        max-height: 410px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 780px) {

    .netcore-machine-hero {
        min-height: 760px;
    }

    .netcore-machine-hero-inner {
        width: calc(100% - 30px);
        min-height: 760px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .netcore-machine-copy {
        width: 100%;
        padding: 40px 5px 0;
        order: 1;
    }

    .netcore-machine-eyebrow {
        margin-bottom: 12px;
        font-size: 9px;
        letter-spacing: 2px;
    }

    .netcore-machine-eyebrow::before {
        width: 22px;
    }

    .netcore-machine-copy h1 {
        font-size: clamp(38px, 12vw, 56px);
        letter-spacing: -2px;
    }

    .netcore-machine-intro {
        margin: 17px 0 22px;
        font-size: 13px;
        line-height: 1.5;
    }

    .netcore-machine-product-info {
        max-width: none;
    }

    .netcore-machine-product-info h2 {
        font-size: 22px;
    }

    .netcore-machine-product-info p {
        margin: 8px 0 10px;
        font-size: 12px;
    }

    .netcore-machine-price {
        margin-bottom: 14px;
        font-size: 23px;
    }

    .netcore-machine-button {
        min-height: 42px;
        padding: 0 17px;
        font-size: 10px;
    }

    .netcore-machine-stage {
        width: 100%;
        min-height: 360px;
        height: 360px;
        order: 2;
    }

    .netcore-machine-image-wrap {
        width: 100%;
        height: 320px;
    }

    .netcore-machine-glow {
        width: 300px;
        height: 190px;
        filter: blur(45px);
    }

    .netcore-machine-image {
        max-width: 94%;
        max-height: 310px;
    }

    .netcore-machine-arrow {
        width: 40px;
        height: 40px;
        font-size: 30px;
        opacity: 1;
        background: rgba(5,16,29,0.65);
    }

    .netcore-machine-arrow-left {
        left: 0;
    }

    .netcore-machine-arrow-right {
        right: 0;
    }

    .netcore-scroll-indicator {
        bottom: 8px;
        font-size: 8px;
        letter-spacing: 1.5px;
    }

}


/* ============================================================
   SMALL PHONES
   ============================================================ */

@media (max-width: 430px) {

    .netcore-machine-hero,
    .netcore-machine-hero-inner {
        min-height: 720px;
    }

    .netcore-machine-copy {
        padding-top: 30px;
    }

    .netcore-machine-copy h1 {
        font-size: 38px;
    }

    .netcore-machine-intro {
        max-width: 320px;
    }

    .netcore-machine-stage {
        min-height: 330px;
        height: 330px;
    }

    .netcore-machine-image-wrap {
        height: 285px;
    }

    .netcore-machine-image {
        max-height: 275px;
    }

}


/* ============================================================
   NETCORE SYSTEMS
   EXACT APPROVED HOMEPAGE DESIGN
   ============================================================ */

* {
    box-sizing: border-box;
}

.store-body {
    margin: 0;
    padding: 0;
    background: #05090e;
    color: #fff;
}


/* ============================================================
   TOP HEADER
   ============================================================ */

.store-header {
    height: 94px !important;
    min-height: 94px !important;
    padding: 0 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #030507 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    position: relative;
    z-index: 100;
}

.store-logo {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0;
}

.store-logo-image {
    width: 310px !important;
    max-width: 310px !important;
    height: auto !important;
    max-height: 78px !important;
    object-fit: contain !important;
}


/* ============================================================
   HERO
   ============================================================ */

.netcore-machine-hero {
    position: relative !important;
    width: 100% !important;
    min-height: 520px !important;
    height: 520px !important;
    overflow: hidden !important;
    color: #fff !important;

    background:
        radial-gradient(
            circle at 72% 50%,
            rgba(0,105,255,.24),
            transparent 37%
        ),
        linear-gradient(
            115deg,
            #02060b 0%,
            #061321 45%,
            #02070d 100%
        ) !important;
}

.netcore-machine-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.45) 45%,
            rgba(0,0,0,.05) 80%,
            rgba(0,0,0,.35) 100%
        );

    pointer-events: none;
    z-index: 1;
}

.netcore-machine-hero-inner {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    max-width: 1280px !important;
    height: 520px !important;
    min-height: 520px !important;

    margin: 0 auto !important;

    padding: 0 42px !important;

    display: grid !important;
    grid-template-columns: 43% 57% !important;

    align-items: center !important;
}


/* ============================================================
   LEFT CONTENT
   ============================================================ */

.netcore-machine-copy {
    position: relative !important;
    z-index: 10 !important;

    padding: 15px 0 20px !important;
}

.netcore-machine-eyebrow {
    display: flex !important;
    align-items: center !important;

    gap: 9px !important;

    margin-bottom: 14px !important;

    color: #149cff !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: 2px !important;
}

.netcore-machine-eyebrow::before {
    content: "";

    width: 32px !important;
    height: 2px !important;

    background: #1596ff !important;
}

.netcore-machine-copy h1 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 56px !important;
    line-height: .98 !important;

    letter-spacing: -2.5px !important;

    font-weight: 850 !important;
}

.netcore-machine-copy h1 span {
    color: #118cff !important;
}

.netcore-machine-intro {
    max-width: 510px !important;

    margin: 17px 0 20px !important;

    color: rgba(255,255,255,.78) !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
}

.netcore-machine-product-info {
    max-width: 530px !important;
}

.netcore-machine-category {
    margin-bottom: 4px !important;

    color: #189bff !important;

    font-size: 10px !important;
    font-weight: 900 !important;

    letter-spacing: 2px !important;
}

.netcore-machine-product-info h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 25px !important;
    line-height: 1.1 !important;

    font-weight: 800 !important;
}

.netcore-machine-product-info p {
    max-width: 500px !important;

    margin: 7px 0 7px !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
}

.netcore-machine-price {
    margin: 5px 0 12px !important;

    color: #1597ff !important;

    font-size: 31px !important;
    line-height: 1 !important;

    font-weight: 900 !important;
}

.netcore-machine-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 12px !important;

    min-height: 43px !important;

    padding: 0 23px !important;

    border-radius: 7px !important;

    background: #138ff5 !important;

    color: #fff !important;

    text-decoration: none !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: .8px !important;

    box-shadow: 0 8px 25px rgba(0,125,255,.20) !important;

    transition: all .2s ease !important;
}

.netcore-machine-button span {
    font-size: 19px !important;
}

.netcore-machine-button:hover {
    background: #249aff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 12px 32px rgba(0,125,255,.35) !important;
}


/* ============================================================
   PRODUCT IMAGE AREA
   ============================================================ */

.netcore-machine-stage {
    position: relative !important;

    width: 100% !important;
    height: 520px !important;
    min-height: 520px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
}

.netcore-machine-image-wrap {
    position: relative !important;

    width: 100% !important;
    height: 470px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
}

.netcore-machine-glow {
    position: absolute !important;

    width: 530px !important;
    height: 280px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            ellipse,
            rgba(0,115,255,.32),
            rgba(0,115,255,0)
        ) !important;

    filter: blur(35px) !important;
}

.netcore-machine-image {
    position: relative !important;

    z-index: 3 !important;

    width: auto !important;
    height: auto !important;

    max-width: 96% !important;
    max-height: 450px !important;

    object-fit: contain !important;

    filter:
        drop-shadow(
            0 28px 35px rgba(0,0,0,.65)
        ) !important;

    opacity: 0 !important;

    transform:
        translateY(15px)
        scale(.94) !important;

    transition:
        opacity .4s ease,
        transform .5s ease !important;
}

.netcore-machine-image.nc-image-visible {
    opacity: 1 !important;

    transform:
        translateY(0)
        scale(1) !important;
}


/* ============================================================
   ARROWS
   ============================================================ */

.netcore-machine-arrow {
    position: absolute !important;

    top: 50% !important;

    z-index: 30 !important;

    width: 48px !important;
    height: 48px !important;

    padding: 0 !important;

    border: 1px solid #168fff !important;

    border-radius: 50% !important;

    background: rgba(0,8,18,.72) !important;

    color: #fff !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    font-family: Arial, sans-serif !important;

    font-size: 36px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transform: translateY(-50%) !important;

    opacity: .85 !important;

    transition: all .2s ease !important;
}

.netcore-machine-arrow-left {
    left: -5px !important;
}

.netcore-machine-arrow-right {
    right: -5px !important;
}

.netcore-machine-arrow:hover {
    background: #138ff5 !important;

    border-color: #138ff5 !important;

    opacity: 1 !important;

    transform:
        translateY(-50%)
        scale(1.08) !important;

    box-shadow:
        0 0 25px rgba(0,145,255,.35) !important;
}


/* ============================================================
   SCROLL TO EXPLORE
   ============================================================ */

.netcore-scroll-indicator {
    position: absolute !important;

    bottom: 17px !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    z-index: 20 !important;

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: 2px !important;

    white-space: nowrap !important;
}

.netcore-scroll-arrow {
    width: 32px !important;
    height: 32px !important;

    border: 1px solid rgba(255,255,255,.65) !important;

    border-radius: 50% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #fff !important;

    font-size: 19px !important;

    animation: netcore-scroll-bounce 1.6s infinite !important;
}

@keyframes netcore-scroll-bounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }

}


/* ============================================================
   HERO TRANSITIONS
   ============================================================ */

.nc-hero-next-animation .netcore-machine-copy {
    animation:
        netcore-copy-next .45s ease both;
}

.nc-hero-prev-animation .netcore-machine-copy {
    animation:
        netcore-copy-prev .45s ease both;
}

.nc-hero-next-animation .netcore-machine-image {
    animation:
        netcore-image-next .5s ease both;
}

.nc-hero-prev-animation .netcore-machine-image {
    animation:
        netcore-image-prev .5s ease both;
}

@keyframes netcore-copy-next {

    from {
        opacity: 0;
        transform: translateX(25px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}

@keyframes netcore-copy-prev {

    from {
        opacity: 0;
        transform: translateX(-25px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}

@keyframes netcore-image-next {

    from {
        opacity: 0;
        transform:
            translateX(45px)
            scale(.93);
    }

    to {
        opacity: 1;
        transform:
            translateX(0)
            scale(1);
    }

}

@keyframes netcore-image-prev {

    from {
        opacity: 0;
        transform:
            translateX(-45px)
            scale(.93);
    }

    to {
        opacity: 1;
        transform:
            translateX(0)
            scale(1);
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 900px) {

    .store-header {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 18px !important;
    }

    .store-logo-image {
        width: 190px !important;
        max-width: 190px !important;
        max-height: 58px !important;
    }

    .netcore-machine-hero {
        height: auto !important;
        min-height: 720px !important;
    }

    .netcore-machine-hero-inner {
        height: auto !important;
        min-height: 720px !important;

        padding: 35px 20px 20px !important;

        display: flex !important;
        flex-direction: column !important;
    }

    .netcore-machine-copy {
        width: 100% !important;
        padding: 0 !important;
    }

    .netcore-machine-copy h1 {
        font-size: 42px !important;
    }

    .netcore-machine-intro {
        font-size: 13px !important;
    }

    .netcore-machine-stage {
        width: 100% !important;

        height: 360px !important;
        min-height: 360px !important;
    }

    .netcore-machine-image-wrap {
        height: 330px !important;
    }

    .netcore-machine-image {
        max-width: 92% !important;
        max-height: 320px !important;
    }

    .netcore-machine-arrow {
        width: 40px !important;
        height: 40px !important;

        font-size: 30px !important;

        opacity: 1 !important;
    }

    .netcore-machine-arrow-left {
        left: 0 !important;
    }

    .netcore-machine-arrow-right {
        right: 0 !important;
    }

}


/* ============================================================
   SMALL PHONE
   ============================================================ */

@media (max-width: 520px) {

    .store-logo-image {
        width: 155px !important;
    }

    .netcore-machine-copy h1 {
        font-size: 36px !important;
    }

    .netcore-machine-product-info h2 {
        font-size: 21px !important;
    }

    .netcore-machine-price {
        font-size: 25px !important;
    }

}


/* ============================================================
   NETCORE SYSTEMS
   FINAL APPROVED HOMEPAGE VISUAL
   ============================================================ */

.store-header {
    height: 94px !important;
    min-height: 94px !important;
    padding: 0 38px !important;
    background: #030507 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.store-logo-image {
    width: 310px !important;
    max-width: 310px !important;
    height: auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
}


/* ============================================================
   HERO
   ============================================================ */

.netcore-machine-hero {
    position: relative !important;
    width: 100% !important;
    height: 520px !important;
    min-height: 520px !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 75% 52%,
            rgba(0,120,255,.30),
            transparent 38%
        ),
        linear-gradient(
            110deg,
            #010408 0%,
            #061321 48%,
            #02070d 100%
        ) !important;
}

.netcore-machine-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78),
            rgba(0,0,0,.18) 65%,
            rgba(0,0,0,.35)
        );

    z-index: 1;
}

.netcore-machine-hero-inner {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 1280px !important;
    height: 520px !important;
    min-height: 520px !important;

    margin: 0 auto !important;
    padding: 0 42px !important;

    display: grid !important;
    grid-template-columns: 44% 56% !important;
    align-items: center !important;
}


/* ============================================================
   LEFT
   ============================================================ */

.netcore-machine-copy {
    position: relative !important;
    z-index: 10 !important;
    padding: 5px 0 15px !important;
}

.netcore-machine-eyebrow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    margin-bottom: 13px !important;

    color: #159dff !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
}

.netcore-machine-eyebrow::before {
    content: "";
    width: 32px !important;
    height: 2px !important;
    background: #159dff !important;
}

.netcore-machine-copy h1 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 55px !important;
    line-height: .99 !important;

    font-weight: 850 !important;
    letter-spacing: -2.7px !important;
}

.netcore-machine-copy h1 span {
    color: #128fff !important;
}

.netcore-machine-intro {
    max-width: 490px !important;

    margin: 17px 0 18px !important;

    color: rgba(255,255,255,.82) !important;

    font-size: 15px !important;
    line-height: 1.38 !important;
}

.netcore-machine-product-info {
    max-width: 520px !important;
}

.netcore-machine-category {
    margin-bottom: 4px !important;

    color: #139aff !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
}

.netcore-machine-product-info h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 25px !important;
    line-height: 1.1 !important;

    font-weight: 850 !important;
}

.netcore-machine-product-info p {
    margin: 6px 0 6px !important;

    max-width: 500px !important;

    color: rgba(255,255,255,.78) !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}

.netcore-machine-price {
    margin: 5px 0 12px !important;

    color: #159aff !important;

    font-size: 32px !important;
    line-height: 1 !important;

    font-weight: 900 !important;
}

.netcore-machine-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 13px !important;

    min-height: 44px !important;

    padding: 0 24px !important;

    border-radius: 7px !important;

    background: #118ff5 !important;

    color: #fff !important;

    text-decoration: none !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;

    box-shadow:
        0 8px 25px rgba(0,120,255,.25) !important;

    transition: .2s ease !important;
}

.netcore-machine-button:hover {
    background: #269cff !important;
    transform: translateY(-2px) !important;
}


/* ============================================================
   IMAGE
   ============================================================ */

.netcore-machine-stage {
    position: relative !important;

    width: 100% !important;
    height: 520px !important;
    min-height: 520px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.netcore-machine-image-wrap {
    position: relative !important;

    width: 100% !important;
    height: 480px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.netcore-machine-glow {
    position: absolute !important;

    width: 570px !important;
    height: 300px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            ellipse,
            rgba(0,120,255,.34),
            transparent 70%
        ) !important;

    filter: blur(25px) !important;
}

.netcore-machine-image {
    position: relative !important;
    z-index: 3 !important;

    max-width: 98% !important;
    max-height: 450px !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    opacity: 0 !important;

    transform:
        translateY(15px)
        scale(.95) !important;

    filter:
        drop-shadow(
            0 30px 38px rgba(0,0,0,.72)
        ) !important;

    transition:
        opacity .35s ease,
        transform .5s ease !important;
}

.netcore-machine-image.nc-image-visible {
    opacity: 1 !important;

    transform:
        translateY(0)
        scale(1) !important;
}


/* ============================================================
   ARROWS
   ============================================================ */

.netcore-machine-arrow {
    position: absolute !important;

    top: 50% !important;

    z-index: 50 !important;

    width: 48px !important;
    height: 48px !important;

    padding: 0 !important;

    border: 1px solid #1197ff !important;
    border-radius: 50% !important;

    background: rgba(0,8,18,.70) !important;

    color: #fff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transform: translateY(-50%) !important;

    box-shadow:
        0 0 15px rgba(0,130,255,.18) !important;

    transition: .2s ease !important;
}

.netcore-machine-arrow-left {
    left: -2px !important;
}

.netcore-machine-arrow-right {
    right: -2px !important;
}

.netcore-machine-arrow:hover {
    background: #108ff5 !important;
    border-color: #108ff5 !important;

    transform:
        translateY(-50%)
        scale(1.08) !important;

    box-shadow:
        0 0 28px rgba(0,140,255,.45) !important;
}


/* ============================================================
   SCROLL
   ============================================================ */

.netcore-scroll-indicator {
    position: absolute !important;

    left: 50% !important;
    bottom: 17px !important;

    z-index: 40 !important;

    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    white-space: nowrap !important;

    color: rgba(255,255,255,.76) !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    letter-spacing: 2px !important;
}

.netcore-scroll-arrow {
    width: 32px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 50% !important;

    font-size: 18px !important;

    animation:
        netcoreScrollBounce 1.5s infinite !important;
}

@keyframes netcoreScrollBounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }

}


/* ============================================================
   PRODUCT TRANSITIONS
   ============================================================ */

.nc-hero-next-animation .netcore-machine-copy {
    animation:
        ncCopyNext .4s ease both;
}

.nc-hero-prev-animation .netcore-machine-copy {
    animation:
        ncCopyPrev .4s ease both;
}

.nc-hero-next-animation .netcore-machine-image {
    animation:
        ncImageNext .5s ease both;
}

.nc-hero-prev-animation .netcore-machine-image {
    animation:
        ncImagePrev .5s ease both;
}

@keyframes ncCopyNext {

    from {
        opacity: 0;
        transform: translateX(25px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}

@keyframes ncCopyPrev {

    from {
        opacity: 0;
        transform: translateX(-25px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}

@keyframes ncImageNext {

    from {
        opacity: 0;
        transform:
            translateX(45px)
            scale(.93);
    }

    to {
        opacity: 1;
        transform:
            translateX(0)
            scale(1);
    }

}

@keyframes ncImagePrev {

    from {
        opacity: 0;
        transform:
            translateX(-45px)
            scale(.93);
    }

    to {
        opacity: 1;
        transform:
            translateX(0)
            scale(1);
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 900px) {

    .store-header {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 18px !important;
    }

    .store-logo-image {
        width: 190px !important;
        max-width: 190px !important;
        max-height: 58px !important;
    }

    .netcore-machine-hero {
        height: auto !important;
        min-height: 720px !important;
    }

    .netcore-machine-hero-inner {
        height: auto !important;
        min-height: 720px !important;

        padding: 35px 20px 20px !important;

        display: flex !important;
        flex-direction: column !important;
    }

    .netcore-machine-copy {
        width: 100% !important;
        padding: 0 !important;
    }

    .netcore-machine-copy h1 {
        font-size: 42px !important;
    }

    .netcore-machine-stage {
        width: 100% !important;

        height: 360px !important;
        min-height: 360px !important;
    }

    .netcore-machine-image-wrap {
        height: 330px !important;
    }

    .netcore-machine-image {
        max-width: 92% !important;
        max-height: 320px !important;
    }

    .netcore-machine-arrow {
        width: 40px !important;
        height: 40px !important;

        font-size: 30px !important;
    }

    .netcore-machine-arrow-left {
        left: 0 !important;
    }

    .netcore-machine-arrow-right {
        right: 0 !important;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 520px) {

    .store-logo-image {
        width: 155px !important;
    }

    .netcore-machine-copy h1 {
        font-size: 36px !important;
    }

    .netcore-machine-product-info h2 {
        font-size: 21px !important;
    }

    .netcore-machine-price {
        font-size: 26px !important;
    }

}

/* NETCORE FINAL HOMEPAGE HERO - scoped */
.netcore-final-hero{position:relative;min-height:590px;overflow:hidden;background:#020812;color:#fff;isolation:isolate;border-bottom:1px solid rgba(0,170,255,.22)}
.netcore-final-hero-bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 63% 45%,rgba(0,126,255,.26),transparent 34%),radial-gradient(circle at 20% 30%,rgba(0,255,112,.06),transparent 28%),linear-gradient(110deg,#01050a 0%,#031426 50%,#01060c 100%)}
.netcore-final-hero-bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 90px,rgba(0,157,255,.035) 91px,transparent 92px)}
.netcore-final-hero-inner{width:min(1500px,94%);min-height:590px;margin:0 auto;display:grid;grid-template-columns:43% 57%;align-items:stretch}
.netcore-final-copy{padding:70px 0 65px 10px;position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center}
.netcore-final-eyebrow{color:#00a9ff;letter-spacing:6px;font-size:14px;font-weight:800;margin-bottom:20px}
.netcore-final-eyebrow:before{content:"";display:inline-block;width:38px;height:3px;background:#00a9ff;vertical-align:middle;margin-right:14px}
.netcore-final-copy h1{margin:0 0 18px;font-size:clamp(40px,4.1vw,68px);line-height:.98;letter-spacing:-2px;font-weight:900}
.netcore-final-copy h1 span{color:#079cff}
.netcore-final-copy>p{max-width:520px;margin:0 0 24px;font-size:18px;line-height:1.45;color:#e5edf5}
.netcore-final-product-copy{min-height:180px}
.netcore-final-category{color:#00a9ff;font-weight:900;font-size:13px;letter-spacing:4px;margin-bottom:7px}
.netcore-final-product-copy h2{margin:0 0 8px;font-size:30px;line-height:1.05;font-weight:900}
.netcore-final-specs{color:#d7e1ea;font-size:15px;line-height:1.35;max-width:480px;min-height:22px}
.netcore-final-price{margin-top:8px;color:#079cff;font-size:35px;font-weight:900;letter-spacing:-1px}
.netcore-final-button{display:inline-flex;align-items:center;gap:14px;width:max-content;margin-top:12px;padding:14px 22px;border-radius:5px;background:#079cff;color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 10px 30px rgba(0,156,255,.24)}
.netcore-final-button span{font-size:22px;line-height:0}
.netcore-final-stage{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.netcore-final-machine-wrap{position:relative;width:min(720px,100%);height:520px;display:flex;align-items:center;justify-content:center}
.netcore-final-platform{position:absolute;width:74%;height:90px;bottom:74px;left:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,161,255,.35),rgba(0,161,255,.08) 45%,transparent 70%);box-shadow:0 0 50px rgba(0,161,255,.28)}
.netcore-final-platform:after{content:"";position:absolute;inset:34% 4%;border:2px solid #079cff;border-radius:50%;box-shadow:0 0 25px rgba(0,156,255,.65)}
.netcore-final-machine{position:relative;z-index:2;max-width:88%;max-height:420px;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.55));transition:opacity .25s ease,transform .45s ease}
.netcore-final-machine.is-changing{opacity:.25;transform:translateY(10px) scale(.97)}
.netcore-final-arrow{position:absolute;z-index:6;top:48%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid #079cff;background:rgba(0,12,25,.72);color:#fff;font-size:42px;line-height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}
.netcore-final-arrow:hover{background:#079cff;box-shadow:0 0 28px rgba(0,156,255,.45)}
.netcore-final-prev{left:10px}.netcore-final-next{right:62px}
.netcore-final-side-note{position:absolute;right:0;top:80px;display:flex;flex-direction:column;gap:9px;color:#c7d4df;font-size:11px;letter-spacing:4px;font-weight:700}
.netcore-final-side-note i{width:40px;height:3px;background:#079cff;margin-top:10px}
.netcore-final-scroll{position:absolute;z-index:7;bottom:15px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff}
.netcore-final-scroll span{width:31px;height:31px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px}
.netcore-final-scroll strong{font-size:11px;letter-spacing:4px;white-space:nowrap}
.netcore-final-empty{color:#8ea3b5}
@media(max-width:1000px){.netcore-final-hero-inner{grid-template-columns:1fr}.netcore-final-copy{padding:45px 10px 15px;text-align:center;align-items:center}.netcore-final-eyebrow:before{display:none}.netcore-final-stage{min-height:480px}.netcore-final-machine-wrap{height:410px}.netcore-final-side-note{display:none}.netcore-final-next{right:8px}.netcore-final-prev{left:8px}.netcore-final-scroll{bottom:8px}}
@media(max-width:600px){.netcore-final-hero{min-height:720px}.netcore-final-hero-inner{min-height:720px;width:100%}.netcore-final-copy{padding:35px 20px 0}.netcore-final-copy h1{font-size:39px}.netcore-final-copy>p{font-size:15px}.netcore-final-product-copy h2{font-size:25px}.netcore-final-price{font-size:30px}.netcore-final-stage{min-height:420px}.netcore-final-machine-wrap{height:350px}.netcore-final-machine{max-height:290px;max-width:82%}.netcore-final-platform{bottom:50px}.netcore-final-arrow{width:46px;height:46px;font-size:34px}}

/* NETCORE EXACT LOGO - FINAL */
.store-header .store-logo-image {
    width: 220px !important;
    height: auto !important;
    max-width: 220px !important;
    max-height: 145px !important;
    object-fit: contain !important;
    display: block !important;
}
.store-header {
    min-height: 150px !important;
}
@media (max-width: 900px) {
    .store-header { min-height: 110px !important; }
    .store-header .store-logo-image {
        width: 165px !important;
        max-width: 165px !important;
        max-height: 118px !important;
    }
}
@media (max-width: 600px) {
    .store-header { min-height: 90px !important; }
    .store-header .store-logo-image {
        width: 135px !important;
        max-width: 135px !important;
        max-height: 98px !important;
    }
}


/* =============================================================
   NETCORE SYSTEMS
   PREMIUM TOP CATEGORY NAVIGATION
   ============================================================= */

.nc-top-header {
    width: 100%;
    min-height: 112px;

    display: flex;
    align-items: center;

    padding: 14px 28px;

    gap: 28px;

    background:
        linear-gradient(
            180deg,
            #030609 0%,
            #020406 100%
        );

    border-bottom: 1px solid rgba(0, 190, 255, 0.12);

    box-sizing: border-box;
}


/* =============================================================
   LOGO AREA
   ============================================================= */

.nc-header-logo {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 180px;
}

.nc-header-logo .store-logo {
    display: flex !important;
    align-items: center;
}

.nc-header-logo .store-logo-image {
    display: block !important;
    height: auto !important;
}


/* =============================================================
   CATEGORY ICON NAVIGATION
   ============================================================= */

.nc-category-icons {
    flex: 1 1 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 28px;

    min-width: 0;
}

.nc-category-item {
    position: relative;

    min-width: 76px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;

    white-space: nowrap;

    transition:
        transform 0.2s ease,
        color 0.2s ease;
}

.nc-category-item:hover {
    transform: translateY(-2px);
    color: #00ff75 !important;
}

.nc-category-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.nc-category-icon svg {
    width: 38px;
    height: 38px;

    fill: none;

    stroke: #00ff70;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    filter:
        drop-shadow(0 0 5px rgba(0, 255, 112, 0.20));

    transition:
        filter 0.2s ease,
        transform 0.2s ease;
}

.nc-category-item:hover .nc-category-icon svg {
    transform: scale(1.08);

    filter:
        drop-shadow(0 0 9px rgba(0, 255, 112, 0.65));
}


/* =============================================================
   RIGHT ACTION AREA
   ============================================================= */

.nc-header-actions {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 18px;
}


/* =============================================================
   SEARCH
   ============================================================= */

.nc-search-form {
    width: 280px;
    height: 42px;

    display: flex;
    align-items: stretch;

    overflow: hidden;

    background: #07101a;

    border: 1px solid rgba(90, 130, 170, 0.30);

    border-radius: 7px;

    box-shadow:
        inset 0 0 15px rgba(0, 0, 0, 0.35);
}

.nc-search-form input {
    flex: 1;

    min-width: 0;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: #ffffff !important;

    padding: 0 13px;

    font-size: 13px;
}

.nc-search-form input::placeholder {
    color: #8292a5;
}

.nc-search-form button {
    width: 50px;

    flex: 0 0 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;

    background: #087ff0;

    color: #ffffff;

    cursor: pointer;

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.nc-search-form button:hover {
    background: #0795ff;

    box-shadow:
        0 0 18px rgba(0, 145, 255, 0.45);
}

.nc-search-form button svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
}


/* =============================================================
   CART
   ============================================================= */

.nc-header-action {
    position: relative;

    width: 35px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff !important;

    text-decoration: none !important;
}

.nc-header-action svg {
    width: 29px;
    height: 29px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        stroke 0.2s ease,
        transform 0.2s ease;
}

.nc-header-action:hover svg {
    stroke: #00ff70;
    transform: scale(1.08);
}

.nc-cart-count {
    position: absolute;

    top: 1px;
    right: -2px;

    min-width: 18px;
    height: 18px;

    padding: 0 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    border-radius: 50px;

    background: #087ff0;

    color: #ffffff;

    font-size: 10px;
    font-weight: 800;

    line-height: 1;

    box-shadow:
        0 0 10px rgba(0, 127, 255, 0.40);
}


/* =============================================================
   ADMIN BUTTON
   ============================================================= */

.nc-admin-button {
    min-width: 74px;
    height: 42px;

    padding: 0 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    border: 1px solid #00bfff;

    border-radius: 6px;

    background: rgba(0, 30, 45, 0.45);

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 13px;
    font-weight: 600;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.nc-admin-button:hover {
    background: rgba(0, 143, 255, 0.15);

    border-color: #00e0ff;

    box-shadow:
        0 0 15px rgba(0, 190, 255, 0.25);
}


/* =============================================================
   SECONDARY NAVIGATION
   ============================================================= */

.nc-secondary-nav {
    min-height: 50px;

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 38px;

    padding: 0 35px;

    box-sizing: border-box;

    background: #020508;

    border-bottom: 1px solid rgba(0, 170, 255, 0.10);
}

.nc-secondary-nav a {
    position: relative;

    height: 50px;

    display: inline-flex;
    align-items: center;

    color: #e4e9ef !important;

    text-decoration: none !important;

    font-size: 13px;
    font-weight: 500;

    transition:
        color 0.2s ease;
}

.nc-secondary-nav a:hover {
    color: #00cfff !important;
}

.nc-secondary-nav a.active {
    color: #00cfff !important;
}

.nc-secondary-nav a.active::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background: #00cfff;

    box-shadow:
        0 0 10px rgba(0, 207, 255, 0.55);
}


/* =============================================================
   REMOVE OLD HEADER NAV STYLING FROM AFFECTING NEW NAV
   ============================================================= */

.store-header > nav:not(.nc-secondary-nav) {
    display: none !important;
}


/* =============================================================
   LARGE DESKTOP
   ============================================================= */

@media (max-width: 1450px) {

    .nc-top-header {
        gap: 18px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .nc-category-icons {
        gap: 18px;
    }

    .nc-category-item {
        min-width: 68px;
        font-size: 10px;
    }

    .nc-category-icon,
    .nc-category-icon svg {
        width: 36px;
        height: 36px;
    }

    .nc-search-form {
        width: 235px;
    }

    .nc-header-actions {
        gap: 12px;
    }

    .nc-secondary-nav {
        gap: 30px;
    }
}


/* =============================================================
   TABLET
   ============================================================= */

@media (max-width: 1150px) {

    .nc-top-header {
        flex-wrap: wrap;

        min-height: auto;

        padding-top: 12px;
        padding-bottom: 12px;
    }

    .nc-header-logo {
        min-width: 150px;
    }

    .nc-category-icons {
        order: 3;

        width: 100%;

        flex-basis: 100%;

        justify-content: space-around;

        padding-top: 8px;
    }

    .nc-header-actions {
        margin-left: auto;
    }

    .nc-secondary-nav {
        justify-content: center;

        overflow-x: auto;

        gap: 25px;
    }
}


/* =============================================================
   MOBILE
   ============================================================= */

@media (max-width: 760px) {

    .nc-top-header {
        padding: 10px 12px;

        gap: 10px;
    }

    .nc-header-logo {
        min-width: 110px;
    }

    .nc-header-logo .store-logo-image {
        max-width: 125px !important;
        width: 125px !important;
    }

    .nc-search-form {
        width: 170px;
        height: 38px;
    }

    .nc-search-form button {
        width: 43px;
        flex-basis: 43px;
    }

    .nc-header-actions {
        gap: 7px;
    }

    .nc-account {
        display: none;
    }

    .nc-admin-button {
        min-width: 58px;
        height: 38px;

        padding: 0 10px;

        font-size: 11px;
    }

    .nc-category-icons {
        gap: 6px;

        overflow-x: auto;

        justify-content: flex-start;

        padding-bottom: 4px;
    }

    .nc-category-item {
        min-width: 70px;

        font-size: 8px;
    }

    .nc-category-icon,
    .nc-category-icon svg {
        width: 30px;
        height: 30px;
    }

    .nc-secondary-nav {
        justify-content: flex-start;

        padding: 0 15px;

        gap: 25px;

        overflow-x: auto;

        white-space: nowrap;
    }

    .nc-secondary-nav a {
        font-size: 11px;
    }
}


/* =============================================================
   SMALL MOBILE
   ============================================================= */

@media (max-width: 500px) {

    .nc-header-logo {
        min-width: 95px;
    }

    .nc-header-logo .store-logo-image {
        width: 100px !important;
        max-width: 100px !important;
    }

    .nc-search-form {
        width: 130px;
    }

    .nc-search-form input {
        font-size: 10px;
        padding: 0 8px;
    }

    .nc-search-form button {
        width: 38px;
        flex-basis: 38px;
    }

    .nc-search-form button svg {
        width: 19px;
        height: 19px;
    }

    .nc-cart {
        width: 30px;
    }

    .nc-cart svg {
        width: 25px;
        height: 25px;
    }

    .nc-category-item {
        min-width: 65px;
    }
}



/* =============================================================
   NETCORE FINAL HEADER FIX
   REMOVE DUPLICATE OLD RIGHT-SIDE NAVIGATION
   DO NOT AFFECT ICON NAVIGATION
   ============================================================= */

/*
 * The new navigation is:
 *
 * .nc-category-icons
 *
 * The old navigation used:
 *
 * .store-header > nav
 *
 * Hide only the old direct navigation.
 */

.store-header > nav:not(.nc-category-icons) {
    display: none !important;
}

/*
 * If an old navigation exists inside the header through
 * another wrapper, hide only the legacy text navigation.
 */

.store-header .store-header-nav,
.store-header .legacy-nav,
.store-header .old-nav {
    display: none !important;
}


/* Make sure our new category icon navigation remains visible */

.store-header .nc-category-icons {
    display: flex !important;
}


/* Make sure the header action area remains visible */

.store-header .nc-header-actions {
    display: flex !important;
}


/* No secondary navigation should remain */

.store-header .nc-secondary-nav {
    display: none !important;
}



/* =============================================================
   NETCORE SYSTEMS
   FINAL PREMIUM BLUE + GREEN HEADER THEME
   ============================================================= */

/*
   PRIMARY:
   Electric Blue
   #0099FF

   SECONDARY:
   NetCore Green
   #00FF70

   BACKGROUND:
   Deep technology black/navy
*/


/* =============================================================
   TOP HEADER
   ============================================================= */

.nc-top-header {

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(0, 153, 255, 0.055),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #020509 0%,
            #010306 100%
        ) !important;

    border-bottom:
        1px solid rgba(0, 153, 255, 0.18) !important;

}


/* =============================================================
   CATEGORY ICONS
   ============================================================= */

.nc-category-icon svg {

    stroke: #0099ff !important;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0, 153, 255, 0.28)
        ) !important;

}


/* =============================================================
   ICON HOVER
   ============================================================= */

.nc-category-item:hover {

    color: #00c8ff !important;

}


.nc-category-item:hover .nc-category-icon svg {

    stroke: #00c8ff !important;

    filter:
        drop-shadow(
            0 0 10px
            rgba(0, 174, 255, 0.70)
        ) !important;

}


/* =============================================================
   CATEGORY LABELS
   ============================================================= */

.nc-category-item > span:last-child {

    color: #e7edf5 !important;

    font-weight: 700 !important;

    letter-spacing: 0.45px;

}


.nc-category-item:hover > span:last-child {

    color: #00c8ff !important;

}


/* =============================================================
   SERVER ICON - EXTRA VISIBILITY
   ============================================================= */

.nc-category-item[href*="category=servers"] .nc-category-icon svg {

    stroke: #0099ff !important;

    stroke-width: 2 !important;

}


/* =============================================================
   SEARCH BOX
   ============================================================= */

.nc-search-form {

    background:
        linear-gradient(
            180deg,
            #07111b 0%,
            #050b12 100%
        ) !important;

    border:
        1px solid
        rgba(0, 153, 255, 0.32) !important;

    box-shadow:
        0 0 0 1px
        rgba(0, 153, 255, 0.025),
        inset 0 0 18px
        rgba(0, 0, 0, 0.45) !important;

}


.nc-search-form:focus-within {

    border-color:
        rgba(0, 174, 255, 0.75) !important;

    box-shadow:
        0 0 0 1px
        rgba(0, 153, 255, 0.12),
        0 0 20px
        rgba(0, 153, 255, 0.10),
        inset 0 0 18px
        rgba(0, 0, 0, 0.45) !important;

}


.nc-search-form button {

    background:
        linear-gradient(
            135deg,
            #0088ee 0%,
            #00a8ff 100%
        ) !important;

}


.nc-search-form button:hover {

    background:
        linear-gradient(
            135deg,
            #009cff 0%,
            #00c4ff 100%
        ) !important;

    box-shadow:
        0 0 20px
        rgba(0, 153, 255, 0.50) !important;

}


/* =============================================================
   CART
   ============================================================= */

.nc-header-action svg {

    stroke: #dce7f2 !important;

}


.nc-header-action:hover svg {

    stroke: #00baff !important;

    filter:
        drop-shadow(
            0 0 6px
            rgba(0, 174, 255, 0.40)
        );

}


/* =============================================================
   CART NUMBER
   ============================================================= */

.nc-cart-count {

    background:
        linear-gradient(
            135deg,
            #0088ee,
            #00b5ff
        ) !important;

    box-shadow:
        0 0 12px
        rgba(0, 153, 255, 0.45) !important;

}


/* =============================================================
   ACCOUNT
   ============================================================= */

.nc-account svg {

    stroke: #dce7f2 !important;

}


/* =============================================================
   ADMIN
   ============================================================= */

.nc-admin-button {

    border-color:
        rgba(0, 184, 255, 0.90) !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 116, 180, 0.12),
            rgba(0, 45, 75, 0.18)
        ) !important;

}


.nc-admin-button:hover {

    border-color:
        #00c8ff !important;

    color: #ffffff !important;

    background:
        rgba(0, 153, 255, 0.14) !important;

    box-shadow:
        0 0 18px
        rgba(0, 153, 255, 0.28) !important;

}


/* =============================================================
   LOGO AREA
   ============================================================= */

.nc-header-logo {

    position: relative;

}


.nc-header-logo::after {

    content: "";

    position: absolute;

    right: -12px;

    top: 18%;

    width: 1px;

    height: 64%;

    background:
        linear-gradient(
            transparent,
            rgba(0, 153, 255, 0.35),
            transparent
        );

}


/* =============================================================
   HERO COLOUR CONNECTION
   ============================================================= */

/*
   Keep the existing hero design but strengthen the
   relationship between the header and hero.
*/

.store-hero {

    border-top:
        1px solid
        rgba(0, 153, 255, 0.08);

}


/* =============================================================
   BLUE HERO ACCENTS
   ============================================================= */

.netcore-static-price {

    color: #009cff !important;

    text-shadow:
        0 0 12px
        rgba(0, 153, 255, 0.20);

}


.netcore-static-button {

    background:
        linear-gradient(
            135deg,
            #008cff,
            #00aaff
        ) !important;

    box-shadow:
        0 8px 24px
        rgba(0, 153, 255, 0.20) !important;

}


.netcore-static-button:hover {

    background:
        linear-gradient(
            135deg,
            #00a0ff,
            #00c8ff
        ) !important;

    box-shadow:
        0 10px 30px
        rgba(0, 153, 255, 0.35) !important;

}


/* =============================================================
   HERO CATEGORY
   ============================================================= */

.netcore-static-category {

    color: #00baff !important;

}


/* =============================================================
   HERO EYEBROW
   ============================================================= */

.netcore-static-label {

    color: #00baff !important;

}


/* =============================================================
   HERO DOTS
   ============================================================= */

.netcore-static-dots span.active {

    background:
        #009cff !important;

    box-shadow:
        0 0 10px
        rgba(0, 153, 255, 0.60) !important;

}


/* =============================================================
   HERO ARROWS
   ============================================================= */

.netcore-static-showcase button,
.netcore-machine-arrow {

    border-color:
        #009cff !important;

}


.netcore-static-showcase button:hover,
.netcore-machine-arrow:hover {

    background:
        rgba(0, 153, 255, 0.12) !important;

}


/* =============================================================
   OUR PRODUCTS SECTION
   ============================================================= */

.store-container {

    border-top:
        1px solid
        rgba(0, 153, 255, 0.04);

}


/* =============================================================
   MOBILE
   ============================================================= */

@media (max-width: 760px) {

    .nc-header-logo::after {
        display: none;
    }

}



/* =============================================================
   NETCORE SYSTEMS
   FINAL PREMIUM BLUE + GREEN HEADER THEME
   ============================================================= */

/*
   PRIMARY:
   Electric Blue
   #0099FF

   SECONDARY:
   NetCore Green
   #00FF70

   BACKGROUND:
   Deep technology black/navy
*/


/* =============================================================
   TOP HEADER
   ============================================================= */

.nc-top-header {

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(0, 153, 255, 0.055),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #020509 0%,
            #010306 100%
        ) !important;

    border-bottom:
        1px solid rgba(0, 153, 255, 0.18) !important;

}


/* =============================================================
   CATEGORY ICONS
   ============================================================= */

.nc-category-icon svg {

    stroke: #0099ff !important;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0, 153, 255, 0.28)
        ) !important;

}


/* =============================================================
   ICON HOVER
   ============================================================= */

.nc-category-item:hover {

    color: #00c8ff !important;

}


.nc-category-item:hover .nc-category-icon svg {

    stroke: #00c8ff !important;

    filter:
        drop-shadow(
            0 0 10px
            rgba(0, 174, 255, 0.70)
        ) !important;

}


/* =============================================================
   CATEGORY LABELS
   ============================================================= */

.nc-category-item > span:last-child {

    color: #e7edf5 !important;

    font-weight: 700 !important;

    letter-spacing: 0.45px;

}


.nc-category-item:hover > span:last-child {

    color: #00c8ff !important;

}


/* =============================================================
   SERVER ICON - EXTRA VISIBILITY
   ============================================================= */

.nc-category-item[href*="category=servers"] .nc-category-icon svg {

    stroke: #0099ff !important;

    stroke-width: 2 !important;

}


/* =============================================================
   SEARCH BOX
   ============================================================= */

.nc-search-form {

    background:
        linear-gradient(
            180deg,
            #07111b 0%,
            #050b12 100%
        ) !important;

    border:
        1px solid
        rgba(0, 153, 255, 0.32) !important;

    box-shadow:
        0 0 0 1px
        rgba(0, 153, 255, 0.025),
        inset 0 0 18px
        rgba(0, 0, 0, 0.45) !important;

}


.nc-search-form:focus-within {

    border-color:
        rgba(0, 174, 255, 0.75) !important;

    box-shadow:
        0 0 0 1px
        rgba(0, 153, 255, 0.12),
        0 0 20px
        rgba(0, 153, 255, 0.10),
        inset 0 0 18px
        rgba(0, 0, 0, 0.45) !important;

}


.nc-search-form button {

    background:
        linear-gradient(
            135deg,
            #0088ee 0%,
            #00a8ff 100%
        ) !important;

}


.nc-search-form button:hover {

    background:
        linear-gradient(
            135deg,
            #009cff 0%,
            #00c4ff 100%
        ) !important;

    box-shadow:
        0 0 20px
        rgba(0, 153, 255, 0.50) !important;

}


/* =============================================================
   CART
   ============================================================= */

.nc-header-action svg {

    stroke: #dce7f2 !important;

}


.nc-header-action:hover svg {

    stroke: #00baff !important;

    filter:
        drop-shadow(
            0 0 6px
            rgba(0, 174, 255, 0.40)
        );

}


/* =============================================================
   CART NUMBER
   ============================================================= */

.nc-cart-count {

    background:
        linear-gradient(
            135deg,
            #0088ee,
            #00b5ff
        ) !important;

    box-shadow:
        0 0 12px
        rgba(0, 153, 255, 0.45) !important;

}


/* =============================================================
   ACCOUNT
   ============================================================= */

.nc-account svg {

    stroke: #dce7f2 !important;

}


/* =============================================================
   ADMIN
   ============================================================= */

.nc-admin-button {

    border-color:
        rgba(0, 184, 255, 0.90) !important;

    background:
        linear-gradient(
            180deg,
            rgba(0, 116, 180, 0.12),
            rgba(0, 45, 75, 0.18)
        ) !important;

}


.nc-admin-button:hover {

    border-color:
        #00c8ff !important;

    color: #ffffff !important;

    background:
        rgba(0, 153, 255, 0.14) !important;

    box-shadow:
        0 0 18px
        rgba(0, 153, 255, 0.28) !important;

}


/* =============================================================
   LOGO AREA
   ============================================================= */

.nc-header-logo {

    position: relative;

}


.nc-header-logo::after {

    content: "";

    position: absolute;

    right: -12px;

    top: 18%;

    width: 1px;

    height: 64%;

    background:
        linear-gradient(
            transparent,
            rgba(0, 153, 255, 0.35),
            transparent
        );

}


/* =============================================================
   HERO COLOUR CONNECTION
   ============================================================= */

/*
   Keep the existing hero design but strengthen the
   relationship between the header and hero.
*/

.store-hero {

    border-top:
        1px solid
        rgba(0, 153, 255, 0.08);

}


/* =============================================================
   BLUE HERO ACCENTS
   ============================================================= */

.netcore-static-price {

    color: #009cff !important;

    text-shadow:
        0 0 12px
        rgba(0, 153, 255, 0.20);

}


.netcore-static-button {

    background:
        linear-gradient(
            135deg,
            #008cff,
            #00aaff
        ) !important;

    box-shadow:
        0 8px 24px
        rgba(0, 153, 255, 0.20) !important;

}


.netcore-static-button:hover {

    background:
        linear-gradient(
            135deg,
            #00a0ff,
            #00c8ff
        ) !important;

    box-shadow:
        0 10px 30px
        rgba(0, 153, 255, 0.35) !important;

}


/* =============================================================
   HERO CATEGORY
   ============================================================= */

.netcore-static-category {

    color: #00baff !important;

}


/* =============================================================
   HERO EYEBROW
   ============================================================= */

.netcore-static-label {

    color: #00baff !important;

}


/* =============================================================
   HERO DOTS
   ============================================================= */

.netcore-static-dots span.active {

    background:
        #009cff !important;

    box-shadow:
        0 0 10px
        rgba(0, 153, 255, 0.60) !important;

}


/* =============================================================
   HERO ARROWS
   ============================================================= */

.netcore-static-showcase button,
.netcore-machine-arrow {

    border-color:
        #009cff !important;

}


.netcore-static-showcase button:hover,
.netcore-machine-arrow:hover {

    background:
        rgba(0, 153, 255, 0.12) !important;

}


/* =============================================================
   OUR PRODUCTS SECTION
   ============================================================= */

.store-container {

    border-top:
        1px solid
        rgba(0, 153, 255, 0.04);

}


/* =============================================================
   MOBILE
   ============================================================= */

@media (max-width: 760px) {

    .nc-header-logo::after {
        display: none;
    }

}



/* =============================================================
   NETCORE SYSTEMS
   DESIGN 1
   GREEN / BLACK PREMIUM TECHNOLOGY THEME
   ============================================================= */


/* =============================================================
   TOP HEADER
   ============================================================= */

.nc-top-header {

    width: 100%;

    min-height: 110px;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    padding: 10px 28px;

    gap: 30px;

    background:
        radial-gradient(
            ellipse at 50% -50%,
            rgba(0,255,112,.045),
            transparent 60%
        ),
        linear-gradient(
            180deg,
            #020505 0%,
            #010303 100%
        ) !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.14) !important;

}


/* =============================================================
   LOGO
   ============================================================= */

.nc-header-logo {

    flex: 0 0 auto;

    min-width: 185px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}


/*
   Keep the existing exact NetCore logo.
*/

.nc-header-logo .store-logo {

    display: flex !important;

    align-items: center;

    justify-content: center;

}


.nc-header-logo .store-logo-image {

    display: block !important;

    width: 150px !important;

    max-width: 150px !important;

    height: auto !important;

    max-height: 88px !important;

    object-fit: contain !important;

}


/* Logo separator */

.nc-header-logo::after {

    content: "";

    position: absolute;

    right: -15px;

    top: 12px;

    width: 1px;

    height: 68px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(0,255,112,.38),
            transparent
        );

}


/* =============================================================
   CATEGORY NAVIGATION
   ============================================================= */

.nc-category-icons {

    flex: 1 1 auto;

    display: flex !important;

    align-items: center;

    justify-content: center;

    gap: 25px;

    min-width: 0;

}


.nc-category-item {

    width: 88px;

    min-width: 78px;

    height: 78px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 7px;

    color: #ffffff !important;

    text-decoration: none !important;

    border-radius: 8px;

    transition:
        transform .22s ease,
        background .22s ease;

}


.nc-category-item:hover {

    transform:
        translateY(-2px);

    background:
        rgba(0,255,112,.035);

}


/* =============================================================
   ICON
   ============================================================= */

.nc-category-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.nc-category-icon svg {

    width: 37px;

    height: 37px;

    fill: none;

    stroke:
        #00ff70 !important;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0,255,112,.22)
        );

    transition:
        transform .22s ease,
        filter .22s ease;

}


.nc-category-item:hover
.nc-category-icon svg {

    transform:
        scale(1.08);

    filter:
        drop-shadow(
            0 0 11px
            rgba(0,255,112,.68)
        );

}


/* =============================================================
   CATEGORY TEXT
   ============================================================= */

.nc-category-item > span:last-child {

    color:
        #f2f5f7 !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .35px;

    white-space:
        nowrap;

}


.nc-category-item:hover
> span:last-child {

    color:
        #00ff70 !important;

}


/* =============================================================
   HEADER ACTIONS
   ============================================================= */

.nc-header-actions {

    flex: 0 0 auto;

    display: flex !important;

    align-items: center;

    gap: 15px;

}


/* =============================================================
   SEARCH
   ============================================================= */

.nc-search-form {

    width: 255px;

    height: 42px;

    display: flex;

    align-items: stretch;

    overflow: hidden;

    box-sizing: border-box;

    background:
        #071017 !important;

    border:
        1px solid
        rgba(100,130,155,.30) !important;

    border-radius:
        7px;

}


.nc-search-form:focus-within {

    border-color:
        rgba(0,180,255,.55) !important;

    box-shadow:
        0 0 14px
        rgba(0,140,255,.10);

}


.nc-search-form input {

    flex: 1;

    min-width: 0;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    padding:
        0 13px;

    font-size:
        12px;

}


.nc-search-form input::placeholder {

    color:
        #8392a2;

}


.nc-search-form button {

    width: 48px;

    flex:
        0 0 48px;

    border:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    cursor:
        pointer;

    background:
        #087ff0 !important;

    color:
        #ffffff;

}


.nc-search-form button:hover {

    background:
        #079aff !important;

    box-shadow:
        0 0 17px
        rgba(0,145,255,.45);

}


.nc-search-form button svg {

    width:
        22px;

    height:
        22px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        2;

    stroke-linecap:
        round;

}


/* =============================================================
   CART / ACCOUNT
   ============================================================= */

.nc-header-action {

    position:
        relative;

    width:
        34px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

}


.nc-header-action svg {

    width:
        28px;

    height:
        28px;

    fill:
        none;

    stroke:
        #e8edf2;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    transition:
        .2s ease;

}


.nc-header-action:hover svg {

    stroke:
        #00ff70;

    filter:
        drop-shadow(
            0 0 6px
            rgba(0,255,112,.35)
        );

}


/* =============================================================
   CART COUNTER
   ============================================================= */

.nc-cart-count {

    position:
        absolute;

    top:
        0;

    right:
        -4px;

    min-width:
        17px;

    height:
        17px;

    padding:
        0 4px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50px;

    background:
        #087ff0;

    color:
        #ffffff;

    font-size:
        9px;

    font-weight:
        800;

    line-height:
        1;

    box-shadow:
        0 0 8px
        rgba(0,127,255,.35);

}


/* =============================================================
   ADMIN
   ============================================================= */

.nc-admin-button {

    height:
        42px;

    min-width:
        68px;

    padding:
        0 14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    box-sizing:
        border-box;

    border:
        1px solid
        #00a9ff !important;

    border-radius:
        6px;

    background:
        rgba(0,25,40,.55) !important;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-size:
        12px;

    font-weight:
        700;

    transition:
        .2s ease;

}


.nc-admin-button:hover {

    color:
        #ffffff !important;

    border-color:
        #00ff70 !important;

    background:
        rgba(0,255,112,.06) !important;

    box-shadow:
        0 0 14px
        rgba(0,255,112,.20);

}


/* =============================================================
   PREVENT OLD NAVIGATION FROM RETURNING
   ============================================================= */

.store-header > nav:not(.nc-category-icons) {

    display:
        none !important;

}


.store-header .nc-secondary-nav {

    display:
        none !important;

}


/* =============================================================
   HERO CONNECTION
   ============================================================= */

.store-hero {

    border-top:
        1px solid
        rgba(0,255,112,.035);

}


/* =============================================================
   RESPONSIVE - 1400px
   ============================================================= */

@media (max-width: 1400px) {

    .nc-top-header {

        padding-left:
            18px;

        padding-right:
            18px;

        gap:
            18px;

    }

    .nc-header-logo {

        min-width:
            160px;

    }

    .nc-category-icons {

        gap:
            14px;

    }

    .nc-category-item {

        width:
            72px;

        min-width:
            68px;

    }

    .nc-category-item > span:last-child {

        font-size:
            9px !important;

    }

    .nc-search-form {

        width:
            220px;

    }

}


/* =============================================================
   RESPONSIVE - 1150px
   ============================================================= */

@media (max-width: 1150px) {

    .nc-top-header {

        flex-wrap:
            wrap;

        padding:
            10px 18px;

    }

    .nc-category-icons {

        order:
            3;

        flex-basis:
            100%;

        width:
            100%;

        justify-content:
            space-around;

    }

}


/* =============================================================
   RESPONSIVE - 760px
   ============================================================= */

@media (max-width: 760px) {

    .nc-top-header {

        gap:
            10px;

        padding:
            8px 10px;

    }

    .nc-header-logo {

        min-width:
            110px;

        height:
            70px;

    }

    .nc-header-logo .store-logo-image {

        width:
            110px !important;

        max-width:
            110px !important;

        max-height:
            68px !important;

    }

    .nc-header-logo::after {

        display:
            none;

    }

    .nc-header-actions {

        gap:
            6px;

    }

    .nc-search-form {

        width:
            150px;

        height:
            38px;

    }

    .nc-search-form button {

        width:
            40px;

        flex-basis:
            40px;

    }

    .nc-account {

        display:
            none;

    }

    .nc-admin-button {

        min-width:
            55px;

        height:
            38px;

        padding:
            0 9px;

        font-size:
            10px;

    }

    .nc-category-icons {

        gap:
            3px;

        overflow-x:
            auto;

        justify-content:
            flex-start;

        padding-bottom:
            4px;

    }

    .nc-category-item {

        width:
            65px;

        min-width:
            65px;

        height:
            66px;

    }

    .nc-category-icon,
    .nc-category-icon svg {

        width:
            30px;

        height:
            30px;

    }

    .nc-category-item > span:last-child {

        font-size:
            8px !important;

    }

}


/* =============================================================
   RESPONSIVE - 500px
   ============================================================= */

@media (max-width: 500px) {

    .nc-header-logo {

        min-width:
            90px;

    }

    .nc-header-logo .store-logo-image {

        width:
            92px !important;

        max-width:
            92px !important;

    }

    .nc-search-form {

        width:
            125px;

    }

    .nc-search-form input {

        font-size:
            9px;

        padding:
            0 7px;

    }

    .nc-cart {

        width:
            29px;

    }

    .nc-cart svg {

        width:
            24px;

        height:
            24px;

    }

}



/* =============================================================
   NETCORE DESIGN 1
   FINAL HEADER ONLY
   GREEN + BLACK
   DO NOT MODIFY HERO
   ============================================================= */


/* HEADER */

.store-header {

    background: #020505 !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.16) !important;

}


/* TOP AREA */

.store-header .nc-top-header {

    width: 100%;

    min-height: 110px;

    display: flex;

    align-items: center;

    gap: 28px;

    padding: 10px 28px;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            #020505 0%,
            #010303 100%
        ) !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.10) !important;

}


/* LOGO */

.store-header .nc-header-logo {

    flex:
        0 0 185px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}


/* KEEP EXISTING LOGO */

.store-header .nc-header-logo .store-logo {

    display: flex !important;

    align-items: center;

    justify-content: center;

}


.store-header .nc-header-logo
.store-logo-image {

    width:
        150px !important;

    max-width:
        150px !important;

    height:
        auto !important;

    max-height:
        88px !important;

    object-fit:
        contain !important;

}


/* LOGO SEPARATOR */

.store-header .nc-header-logo::after {

    content: "";

    position: absolute;

    right: -14px;

    top: 14px;

    width: 1px;

    height: 64px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(0,255,112,.38),
            transparent
        );

}


/* CATEGORY NAV */

.store-header .nc-category-icons {

    flex:
        1 1 auto;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    gap:
        20px;

    min-width:
        0;

}


/* CATEGORY ITEM */

.store-header .nc-category-item {

    width:
        82px;

    min-width:
        76px;

    height:
        80px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    border-radius:
        8px;

    transition:
        transform .2s ease,
        background .2s ease;

}


/* HOVER */

.store-header .nc-category-item:hover {

    transform:
        translateY(-2px);

    background:
        rgba(0,255,112,.035);

}


/* ICON */

.store-header .nc-category-icon {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


/* GREEN ICON */

.store-header .nc-category-icon svg {

    width:
        37px;

    height:
        37px;

    fill:
        none !important;

    stroke:
        #00ff70 !important;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0,255,112,.24)
        );

    transition:
        .2s ease;

}


/* ICON HOVER */

.store-header .nc-category-item:hover
.nc-category-icon svg {

    stroke:
        #00ff70 !important;

    filter:
        drop-shadow(
            0 0 11px
            rgba(0,255,112,.65)
        );

    transform:
        scale(1.08);

}


/* LABEL */

.store-header .nc-category-item
> span:last-child {

    color:
        #f3f5f7 !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .35px;

    white-space:
        nowrap;

}


/* LABEL HOVER */

.store-header .nc-category-item:hover
> span:last-child {

    color:
        #00ff70 !important;

}


/* RIGHT ACTIONS */

.store-header .nc-header-actions {

    flex:
        0 0 auto;

    display:
        flex !important;

    align-items:
        center;

    gap:
        14px;

}


/* SEARCH */

.store-header .nc-search-form {

    width:
        255px;

    height:
        42px;

    display:
        flex;

    overflow:
        hidden;

    background:
        #071017 !important;

    border:
        1px solid
        rgba(90,120,145,.32) !important;

    border-radius:
        7px;

}


.store-header .nc-search-form input {

    flex:
        1;

    min-width:
        0;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    padding:
        0 13px;

    font-size:
        12px;

}


.store-header .nc-search-form input::placeholder {

    color:
        #8493a3;

}


/* BLUE SEARCH BUTTON */

.store-header .nc-search-form button {

    width:
        48px;

    flex:
        0 0 48px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        0;

    background:
        #087ff0 !important;

    color:
        #ffffff;

    cursor:
        pointer;

}


.store-header .nc-search-form button:hover {

    background:
        #079aff !important;

    box-shadow:
        0 0 17px
        rgba(0,145,255,.42);

}


.store-header .nc-search-form button svg {

    width:
        22px;

    height:
        22px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        2;

    stroke-linecap:
        round;

}


/* CART + ACCOUNT */

.store-header .nc-header-action {

    position:
        relative;

    width:
        34px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

}


.store-header .nc-header-action svg {

    width:
        28px;

    height:
        28px;

    fill:
        none;

    stroke:
        #e9eef2 !important;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.store-header .nc-header-action:hover svg {

    stroke:
        #00ff70 !important;

    filter:
        drop-shadow(
            0 0 6px
            rgba(0,255,112,.40)
        );

}


/* CART NUMBER */

.store-header .nc-cart-count {

    position:
        absolute;

    top:
        0;

    right:
        -4px;

    min-width:
        17px;

    height:
        17px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 4px;

    box-sizing:
        border-box;

    border-radius:
        50px;

    background:
        #087ff0 !important;

    color:
        #ffffff !important;

    font-size:
        9px;

    font-weight:
        800;

}


/* ADMIN */

.store-header .nc-admin-button {

    height:
        42px;

    min-width:
        68px;

    padding:
        0 14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        #00ff70 !important;

    border-radius:
        6px;

    background:
        rgba(0,255,112,.025) !important;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-size:
        12px;

    font-weight:
        700;

}


.store-header .nc-admin-button:hover {

    background:
        rgba(0,255,112,.08) !important;

    border-color:
        #00ff70 !important;

    box-shadow:
        0 0 15px
        rgba(0,255,112,.22);

}


/* HIDE ANY OLD NAVIGATION */

.store-header > nav:not(.nc-category-icons) {

    display:
        none !important;

}


.store-header .nc-secondary-nav {

    display:
        none !important;

}


/* =============================================================
   RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {

    .store-header .nc-top-header {

        gap:
            18px;

        padding-left:
            18px;

        padding-right:
            18px;

    }

    .store-header .nc-header-logo {

        flex-basis:
            155px;

    }

    .store-header .nc-category-icons {

        gap:
            12px;

    }

    .store-header .nc-category-item {

        width:
            70px;

        min-width:
            66px;

    }

    .store-header .nc-search-form {

        width:
            220px;

    }

}


@media (max-width: 1150px) {

    .store-header .nc-top-header {

        flex-wrap:
            wrap;

    }

    .store-header .nc-category-icons {

        order:
            3;

        flex-basis:
            100%;

        width:
            100%;

        justify-content:
            space-around;

    }

}


@media (max-width: 760px) {

    .store-header .nc-top-header {

        padding:
            8px 10px;

        gap:
            8px;

    }

    .store-header .nc-header-logo {

        flex-basis:
            105px;

        height:
            70px;

    }

    .store-header .nc-header-logo
    .store-logo-image {

        width:
            105px !important;

        max-width:
            105px !important;

        max-height:
            68px !important;

    }

    .store-header .nc-header-logo::after {

        display:
            none;

    }

    .store-header .nc-search-form {

        width:
            145px;

        height:
            38px;

    }

    .store-header .nc-search-form button {

        width:
            40px;

        flex-basis:
            40px;

    }

    .store-header .nc-account {

        display:
            none;

    }

    .store-header .nc-admin-button {

        height:
            38px;

        min-width:
            55px;

        padding:
            0 9px;

        font-size:
            10px;

    }

    .store-header .nc-category-icons {

        gap:
            3px;

        overflow-x:
            auto;

        justify-content:
            flex-start;

    }

    .store-header .nc-category-item {

        width:
            64px;

        min-width:
            64px;

        height:
            65px;

    }

    .store-header .nc-category-icon,
    .store-header .nc-category-icon svg {

        width:
            30px;

        height:
            30px;

    }

}


@media (max-width: 500px) {

    .store-header .nc-header-logo {

        flex-basis:
            90px;

    }

    .store-header .nc-header-logo
    .store-logo-image {

        width:
            90px !important;

        max-width:
            90px !important;

    }

    .store-header .nc-search-form {

        width:
            120px;

    }

}



/* =============================================================
   NETCORE SYSTEMS
   DESIGN 1 FINAL
   GREEN + BLACK TECHNOLOGY THEME
   ============================================================= */


/* =============================================================
   HEADER
   ============================================================= */

.store-header {

    background:
        #020504 !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.16) !important;

}


/* =============================================================
   TOP HEADER
   ============================================================= */

.store-header .nc-top-header {

    width: 100%;

    min-height: 110px;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    padding: 10px 28px;

    gap: 28px;

    background:
        linear-gradient(
            180deg,
            #020504 0%,
            #010302 100%
        ) !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.10) !important;

}


/* =============================================================
   LOGO
   ============================================================= */

.store-header .nc-header-logo {

    flex:
        0 0 185px;

    height:
        90px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    position:
        relative;

}


.store-header .nc-header-logo
.store-logo {

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

}


.store-header .nc-header-logo
.store-logo-image {

    width:
        150px !important;

    max-width:
        150px !important;

    height:
        auto !important;

    max-height:
        88px !important;

    object-fit:
        contain !important;

}


/* LOGO SEPARATOR */

.store-header .nc-header-logo::after {

    content:
        "";

    position:
        absolute;

    right:
        -14px;

    top:
        14px;

    width:
        1px;

    height:
        64px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(0,255,112,.42),
            transparent
        );

}


/* =============================================================
   CATEGORY NAVIGATION
   ============================================================= */

.store-header .nc-category-icons {

    flex:
        1 1 auto;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    gap:
        20px;

    min-width:
        0;

}


/* =============================================================
   CATEGORY ITEMS
   ============================================================= */

.store-header .nc-category-item {

    width:
        82px;

    min-width:
        76px;

    height:
        80px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    border-radius:
        8px;

    transition:
        transform .2s ease,
        background .2s ease;

}


.store-header .nc-category-item:hover {

    transform:
        translateY(-2px);

    background:
        rgba(0,255,112,.035);

}


/* =============================================================
   ICONS
   ============================================================= */

.store-header .nc-category-icon {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


.store-header .nc-category-icon svg {

    width:
        37px;

    height:
        37px;

    fill:
        none !important;

    stroke:
        #00ff70 !important;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0,255,112,.25)
        );

    transition:
        .2s ease;

}


.store-header .nc-category-item:hover
.nc-category-icon svg {

    transform:
        scale(1.08);

    filter:
        drop-shadow(
            0 0 11px
            rgba(0,255,112,.70)
        );

}


/* =============================================================
   LABELS
   ============================================================= */

.store-header .nc-category-item
> span:last-child {

    color:
        #f4f7f8 !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .35px;

    white-space:
        nowrap;

}


.store-header .nc-category-item:hover
> span:last-child {

    color:
        #00ff70 !important;

}


/* =============================================================
   RIGHT ACTIONS
   ============================================================= */

.store-header .nc-header-actions {

    flex:
        0 0 auto;

    display:
        flex !important;

    align-items:
        center;

    gap:
        14px;

}


/* =============================================================
   SEARCH
   ============================================================= */

.store-header .nc-search-form {

    width:
        255px;

    height:
        42px;

    display:
        flex;

    align-items:
        stretch;

    overflow:
        hidden;

    background:
        #071017 !important;

    border:
        1px solid
        rgba(90,120,145,.32) !important;

    border-radius:
        7px;

}


.store-header .nc-search-form input {

    flex:
        1;

    min-width:
        0;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    padding:
        0 13px;

    font-size:
        12px;

}


.store-header .nc-search-form input::placeholder {

    color:
        #83909a;

}


.store-header .nc-search-form button {

    width:
        48px;

    flex:
        0 0 48px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        0;

    background:
        #087ff0 !important;

    color:
        #ffffff;

    cursor:
        pointer;

}


.store-header .nc-search-form button:hover {

    background:
        #079aff !important;

}


.store-header .nc-search-form button svg {

    width:
        22px;

    height:
        22px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        2;

    stroke-linecap:
        round;

}


/* =============================================================
   CART / ACCOUNT
   ============================================================= */

.store-header .nc-header-action {

    position:
        relative;

    width:
        34px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

}


.store-header .nc-header-action svg {

    width:
        28px;

    height:
        28px;

    fill:
        none;

    stroke:
        #e8eef2 !important;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.store-header .nc-header-action:hover svg {

    stroke:
        #00ff70 !important;

}


/* =============================================================
   CART COUNTER
   ============================================================= */

.store-header .nc-cart-count {

    position:
        absolute;

    top:
        0;

    right:
        -4px;

    min-width:
        17px;

    height:
        17px;

    padding:
        0 4px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    box-sizing:
        border-box;

    border-radius:
        50px;

    background:
        #087ff0 !important;

    color:
        #ffffff !important;

    font-size:
        9px;

    font-weight:
        800;

}


/* =============================================================
   ADMIN
   ============================================================= */

.store-header .nc-admin-button {

    height:
        42px;

    min-width:
        68px;

    padding:
        0 14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    box-sizing:
        border-box;

    border:
        1px solid
        #00ff70 !important;

    border-radius:
        6px;

    background:
        rgba(0,255,112,.025) !important;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-size:
        12px;

    font-weight:
        700;

}


.store-header .nc-admin-button:hover {

    background:
        rgba(0,255,112,.08) !important;

    box-shadow:
        0 0 15px
        rgba(0,255,112,.22);

}


/* =============================================================
   REMOVE OLD / DUPLICATE NAV
   ============================================================= */

.store-header > nav:not(.nc-category-icons) {

    display:
        none !important;

}


.store-header .nc-secondary-nav {

    display:
        none !important;

}


/* =============================================================
   DESIGN 1 HERO BACKGROUND
   ============================================================= */

/*
   IMPORTANT:
   We are NOT changing the hero content.
   We are only changing its background.
*/

.store-hero {

    background:
        radial-gradient(
            ellipse at 62% 55%,
            rgba(0,255,112,.16) 0%,
            rgba(0,170,85,.08) 18%,
            transparent 43%
        ),
        radial-gradient(
            ellipse at 30% 65%,
            rgba(0,255,112,.055) 0%,
            transparent 38%
        ),
        linear-gradient(
            115deg,
            #020b08 0%,
            #03130e 28%,
            #021c13 52%,
            #020b08 100%
        ) !important;

    background-color:
        #020b08 !important;

}


/* =============================================================
   HERO TECHNOLOGY GRID
   ============================================================= */

.store-hero::before {

    background-image:
        linear-gradient(
            120deg,
            rgba(0,255,112,.035) 1px,
            transparent 1px
        ) !important;

    background-size:
        80px 80px !important;

    opacity:
        .45 !important;

}


/* =============================================================
   GREEN LIGHT GLOW
   ============================================================= */

.store-hero::after {

    background:
        radial-gradient(
            ellipse at center,
            rgba(0,255,112,.10),
            transparent 65%
        ) !important;

}


/* =============================================================
   HERO BLUE ACCENTS
   KEEP EXISTING CONTENT
   ============================================================= */

.store-hero .hero-accent,
.store-hero .accent {

    color:
        #00ff70 !important;

}


/* =============================================================
   HERO BUTTON
   ============================================================= */

.store-hero .btn,
.store-hero .hero-button {

    background:
        #00ff70 !important;

    color:
        #020505 !important;

}


.store-hero .btn:hover,
.store-hero .hero-button:hover {

    background:
        #18ff85 !important;

    box-shadow:
        0 0 25px
        rgba(0,255,112,.30);

}


/* =============================================================
   RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {

    .store-header .nc-top-header {

        padding-left:
            18px;

        padding-right:
            18px;

        gap:
            18px;

    }

    .store-header .nc-header-logo {

        flex-basis:
            155px;

    }

    .store-header .nc-category-icons {

        gap:
            12px;

    }

    .store-header .nc-category-item {

        width:
            70px;

        min-width:
            66px;

    }

    .store-header .nc-search-form {

        width:
            220px;

    }

}


@media (max-width: 1150px) {

    .store-header .nc-top-header {

        flex-wrap:
            wrap;

    }

    .store-header .nc-category-icons {

        order:
            3;

        flex-basis:
            100%;

        width:
            100%;

        justify-content:
            space-around;

    }

}


@media (max-width: 760px) {

    .store-header .nc-top-header {

        padding:
            8px 10px;

        gap:
            8px;

    }

    .store-header .nc-header-logo {

        flex-basis:
            105px;

        height:
            70px;

    }

    .store-header .nc-header-logo
    .store-logo-image {

        width:
            105px !important;

        max-width:
            105px !important;

        max-height:
            68px !important;

    }

    .store-header .nc-header-logo::after {

        display:
            none;

    }

    .store-header .nc-search-form {

        width:
            145px;

        height:
            38px;

    }

    .store-header .nc-account {

        display:
            none;

    }

    .store-header .nc-admin-button {

        height:
            38px;

        min-width:
            55px;

        padding:
            0 9px;

        font-size:
            10px;

    }

    .store-header .nc-category-icons {

        gap:
            3px;

        overflow-x:
            auto;

        justify-content:
            flex-start;

    }

    .store-header .nc-category-item {

        width:
            64px;

        min-width:
            64px;

        height:
            65px;

    }

    .store-header .nc-category-icon,
    .store-header .nc-category-icon svg {

        width:
            30px;

        height:
            30px;

    }

}


@media (max-width: 500px) {

    .store-header .nc-header-logo {

        flex-basis:
            90px;

    }

    .store-header .nc-header-logo
    .store-logo-image {

        width:
            90px !important;

        max-width:
            90px !important;

    }

    .store-header .nc-search-form {

        width:
            120px;

    }

}




/* =============================================================
   PAGE BACKGROUND
   ============================================================= */

html,
body,
.store-body {

    background:
        #020605 !important;

}


/* =============================================================
   HEADER
   ============================================================= */

.store-header {

    background:
        #020403 !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.18) !important;

}


/* =============================================================
   TOP NAVIGATION
   ============================================================= */

.store-header .nc-top-header {

    background:
        linear-gradient(
            180deg,
            #010403 0%,
            #020605 100%
        ) !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.12) !important;

}


/* =============================================================
   CATEGORY ICONS - GREEN
   ============================================================= */

.store-header .nc-category-icon svg {

    stroke:
        #00ff70 !important;

    color:
        #00ff70 !important;

    filter:
        drop-shadow(
            0 0 6px
            rgba(0,255,112,.28)
        ) !important;

}


.store-header .nc-category-item:hover
.nc-category-icon svg {

    stroke:
        #00ff70 !important;

    filter:
        drop-shadow(
            0 0 12px
            rgba(0,255,112,.72)
        ) !important;

}


/* =============================================================
   CATEGORY TEXT
   ============================================================= */

.store-header .nc-category-item
> span:last-child {

    color:
        #ffffff !important;

}


.store-header .nc-category-item:hover
> span:last-child {

    color:
        #00ff70 !important;

}


/* =============================================================
   SEARCH
   ============================================================= */

.store-header .nc-search-form {

    background:
        #07100c !important;

    border:
        1px solid
        rgba(120,150,140,.30) !important;

}


.store-header .nc-search-form button {

    background:
        #087ff0 !important;

}


.store-header .nc-search-form button:hover {

    background:
        #079aff !important;

}


/* =============================================================
   CART / ACCOUNT
   ============================================================= */

.store-header .nc-header-action svg {

    stroke:
        #f1f5f4 !important;

}


.store-header .nc-header-action:hover svg {

    stroke:
        #00ff70 !important;

}


/* =============================================================
   ADMIN
   ============================================================= */

.store-header .nc-admin-button {

    border:
        1px solid
        #00ff70 !important;

    background:
        rgba(0,255,112,.025) !important;

}


.store-header .nc-admin-button:hover {

    border-color:
        #00ff70 !important;

    background:
        rgba(0,255,112,.08) !important;

    box-shadow:
        0 0 16px
        rgba(0,255,112,.22) !important;

}


/* =============================================================
   =============================================================
   HERO
   THIS IS THE IMPORTANT PART
   =============================================================
   ============================================================= */

.store-hero {

    position:
        relative !important;

    overflow:
        hidden !important;

    background:
        radial-gradient(
            ellipse at 68% 52%,
            rgba(0,255,112,.18) 0%,
            rgba(0,190,95,.10) 18%,
            rgba(0,80,45,.04) 34%,
            transparent 52%
        ),
        radial-gradient(
            ellipse at 30% 70%,
            rgba(0,255,112,.055) 0%,
            transparent 42%
        ),
        linear-gradient(
            115deg,
            #010806 0%,
            #02140d 30%,
            #032017 55%,
            #010806 100%
        ) !important;

    background-color:
        #010806 !important;

}


/* =============================================================
   HERO GRID / TECHNOLOGY LINES
   ============================================================= */

.store-hero::before {

    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    pointer-events:
        none !important;

    z-index:
        0 !important;

    background-image:
        linear-gradient(
            115deg,
            rgba(0,255,112,.035) 1px,
            transparent 1px
        ) !important;

    background-size:
        82px 82px !important;

    opacity:
        .55 !important;

}


/* =============================================================
   HERO GREEN ATMOSPHERIC GLOW
   ============================================================= */

.store-hero::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        50% !important;

    top:
        0 !important;

    width:
        60% !important;

    height:
        100% !important;

    transform:
        translateX(-50%) !important;

    pointer-events:
        none !important;

    z-index:
        0 !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(0,255,112,.075),
            transparent 65%
        ) !important;

}


/* =============================================================
   STATIC SHOWCASE
   IMPORTANT:
   REMOVE ANY BLUE BACKGROUND FROM THIS ELEMENT
   ============================================================= */

.store-hero .netcore-static-showcase {

    background:
        transparent !important;

    background-color:
        transparent !important;

}


/* =============================================================
   REMOVE BLUE SHOWCASE OVERLAY
   ============================================================= */

.store-hero .netcore-static-showcase::before {

    background:
        radial-gradient(
            circle,
            rgba(0,255,112,.18),
            transparent 58%
        ) !important;

}


/* =============================================================
   PRODUCT GLOW
   ============================================================= */

.store-hero .netcore-static-product {

    background:
        transparent !important;

}


/* =============================================================
   ORBIT
   ============================================================= */

.store-hero .netcore-static-orbit {

    border-color:
        rgba(0,255,112,.35) !important;

    box-shadow:
        0 0 30px
        rgba(0,255,112,.08) !important;

}


/* =============================================================
   HERO BRAND LABEL
   ============================================================= */

.store-hero .netcore-static-label,
.store-hero .netcore-static-category {

    color:
        #00ff70 !important;

}


/* =============================================================
   HERO PRICE
   ============================================================= */

.store-hero .netcore-static-price {

    color:
        #00a8ff !important;

}


/* =============================================================
   HERO BUTTON
   ============================================================= */

.store-hero .netcore-static-button {

    background:
        #00ff70 !important;

    color:
        #020605 !important;

    border:
        0 !important;

    box-shadow:
        0 8px 25px
        rgba(0,255,112,.18) !important;

}


.store-hero .netcore-static-button:hover {

    background:
        #18ff85 !important;

    box-shadow:
        0 10px 32px
        rgba(0,255,112,.34) !important;

}


/* =============================================================
   HERO ARROWS
   ============================================================= */

.store-hero button {

    border-color:
        #00ff70 !important;

}


.store-hero button:hover {

    background:
        rgba(0,255,112,.08) !important;

}


/* =============================================================
   HERO DOTS
   ============================================================= */

.store-hero .netcore-static-dots span.active {

    background:
        #00ff70 !important;

    box-shadow:
        0 0 10px
        rgba(0,255,112,.65) !important;

}


/* =============================================================
   HERO HEADLINE ACCENT
   ============================================================= */

.store-hero .netcore-hero-layout
h1 {

    color:
        #ffffff !important;

}


/* =============================================================
   MAIN HERO BLUE ACCENT
   ============================================================= */

.store-hero .netcore-hero-layout
h1 strong,
.store-hero .netcore-hero-layout
h1 .accent {

    color:
        #00ff70 !important;

}


/* =============================================================
   HERO EYEBROW
   ============================================================= */

.store-hero .eyebrow {

    color:
        #00ff70 !important;

}


/* =============================================================
   KEEP WHITE HERO TEXT
   ============================================================= */

.store-hero p {

    color:
        #f0f5f3 !important;

}


/* =============================================================
   PRODUCTS SECTION
   DO NOT CHANGE ITS STRUCTURE
   ONLY KEEP THE DARK DESIGN 1 BACKGROUND
   ============================================================= */

.store-container {

    background:
        #020608 !important;

}


/* =============================================================
   PRODUCT SEARCH BUTTON
   ============================================================= */

.store-container button {

    background:
        #00ff70 !important;

}


/* =============================================================
   ACTIVE PRODUCT FILTER
   ============================================================= */

.store-container .active {

    border-color:
        #00ff70 !important;

    color:
        #00ff70 !important;

}


/* =============================================================
   PRODUCT PRICES
   ============================================================= */

.store-container .price,
.store-container .product-price {

    color:
        #00ff70 !important;

}


/* =============================================================
   DO NOT CHANGE PRODUCT CARDS
   ============================================================= */

.store-container .product-card {

    background:
        rgba(4,10,9,.82) !important;

    border-color:
        rgba(90,120,110,.22) !important;

}


/* =============================================================
   MOBILE
   ============================================================= */

@media (max-width: 760px) {

    .store-hero {

        background:
            radial-gradient(
                ellipse at 70% 45%,
                rgba(0,255,112,.15),
                transparent 42%
            ),
            linear-gradient(
                115deg,
                #010806,
                #03140d,
                #010806
            ) !important;

    }

}



/* =============================================================
   =============================================================
   NETCORE SYSTEMS
   DESIGN 1 FINAL - LOCKED VISUAL
   =============================================================
   
   REFERENCE:
   BLACK + DARK GREEN
   GREEN TECHNOLOGY GLOW
   GREEN LIGHT BEAMS
   WHITE HEADLINE
   GREEN HEADLINE ACCENT
   GREEN NAVIGATION
   BLUE SEARCH ACCENT
   
   DO NOT MODIFY CONTENT
   DO NOT MODIFY PRODUCT DATA
   =============================================================
   ============================================================= */


/* =============================================================
   GLOBAL DESIGN VARIABLES
   ============================================================= */

:root {

    --nc-green:
        #00ff70;

    --nc-green-bright:
        #19ff83;

    --nc-green-dark:
        #003b25;

    --nc-black:
        #010403;

    --nc-black-green:
        #020b07;

    --nc-blue:
        #079aff;

}


/* =============================================================
   PAGE
   ============================================================= */

html,
body {

    background:
        #010403 !important;

}


/* =============================================================
   HEADER
   ============================================================= */

.store-header {

    background:
        #010403 !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.22) !important;

}


/* =============================================================
   HEADER INNER
   ============================================================= */

.store-header .nc-top-header {

    background:
        linear-gradient(
            180deg,
            #010403 0%,
            #020706 100%
        ) !important;

    border-bottom:
        1px solid
        rgba(0,255,112,.12) !important;

}


/* =============================================================
   LOGO
   ============================================================= */

.store-header .nc-header-logo {

    background:
        transparent !important;

}


/* KEEP LOGO ORIGINAL */

.store-header .nc-header-logo img,
.store-header .nc-header-logo .store-logo-image {

    object-fit:
        contain !important;

}


/* =============================================================
   CATEGORY NAVIGATION
   ============================================================= */

.store-header .nc-category-icons {

    background:
        transparent !important;

}


/* =============================================================
   CATEGORY ITEMS
   ============================================================= */

.store-header .nc-category-item {

    color:
        #ffffff !important;

    background:
        transparent !important;

}


.store-header .nc-category-item:hover {

    color:
        var(--nc-green) !important;

    background:
        rgba(0,255,112,.035) !important;

}


/* =============================================================
   ALL CATEGORY ICONS GREEN
   ============================================================= */

.store-header .nc-category-item svg,
.store-header .nc-category-icon svg {

    fill:
        none !important;

    stroke:
        var(--nc-green) !important;

    color:
        var(--nc-green) !important;

    stroke-width:
        2 !important;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0,255,112,.35)
        ) !important;

}


.store-header .nc-category-item:hover svg,
.store-header .nc-category-item:hover
.nc-category-icon svg {

    stroke:
        var(--nc-green-bright) !important;

    filter:
        drop-shadow(
            0 0 12px
            rgba(0,255,112,.75)
        ) !important;

}


/* =============================================================
   CATEGORY LABELS
   ============================================================= */

.store-header .nc-category-item span {

    color:
        #ffffff !important;

}


.store-header .nc-category-item:hover span {

    color:
        var(--nc-green) !important;

}


/* =============================================================
   SEARCH
   ============================================================= */

.store-header .nc-search-form {

    background:
        #07100c !important;

    border:
        1px solid
        rgba(105,135,120,.30) !important;

}


.store-header .nc-search-form input {

    color:
        #ffffff !important;

    background:
        transparent !important;

}


.store-header .nc-search-form button {

    background:
        #078cf2 !important;

}


.store-header .nc-search-form button:hover {

    background:
        #08a3ff !important;

}


/* =============================================================
   CART
   ============================================================= */

.store-header .nc-cart svg {

    stroke:
        #ffffff !important;

}


.store-header .nc-cart-count {

    background:
        #078cf2 !important;

}


/* =============================================================
   ACCOUNT
   ============================================================= */

.store-header .nc-account svg {

    stroke:
        #ffffff !important;

}


.store-header .nc-account:hover svg {

    stroke:
        var(--nc-green) !important;

}


/* =============================================================
   ADMIN
   ============================================================= */

.store-header .nc-admin-button {

    color:
        #ffffff !important;

    background:
        rgba(0,255,112,.025) !important;

    border:
        1px solid
        var(--nc-green) !important;

}


.store-header .nc-admin-button:hover {

    color:
        #ffffff !important;

    background:
        rgba(0,255,112,.09) !important;

    border-color:
        var(--nc-green-bright) !important;

    box-shadow:
        0 0 16px
        rgba(0,255,112,.25) !important;

}


/* =============================================================
   REMOVE ANY OLD SECOND NAVIGATION
   ============================================================= */

.store-header .nc-secondary-nav {

    display:
        none !important;

}


.store-header > nav:not(.nc-category-icons) {

    display:
        none !important;

}


/* =============================================================
   =============================================================
   HERO - DESIGN 1
   =============================================================
   ============================================================= */

.store-hero {

    position:
        relative !important;

    overflow:
        hidden !important;

    background:

        /* GREEN LIGHT AROUND PRODUCT */

        radial-gradient(
            ellipse 34% 65%
            at 66% 64%,
            rgba(0,255,112,.22)
            0%,
            rgba(0,255,112,.12)
            19%,
            rgba(0,170,80,.055)
            35%,
            transparent
            62%
        ),

        /* LOWER GREEN GLOW */

        radial-gradient(
            ellipse 48% 25%
            at 62% 100%,
            rgba(0,255,112,.14)
            0%,
            rgba(0,180,80,.06)
            35%,
            transparent
            72%
        ),

        /* LEFT SUBTLE GREEN */

        radial-gradient(
            ellipse 45% 55%
            at 8% 65%,
            rgba(0,255,112,.055),
            transparent 68%
        ),

        /* FINAL BLACK/GREEN BASE */

        linear-gradient(
            115deg,
            #010504 0%,
            #02100a 24%,
            #03150d 47%,
            #021008 68%,
            #010504 100%
        ) !important;

    background-color:
        #010504 !important;

}


/* =============================================================
   HERO TECHNOLOGY GRID
   ============================================================= */

.store-hero::before {

    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        0 !important;

    pointer-events:
        none !important;

    background-image:

        linear-gradient(
            120deg,
            rgba(0,255,112,.035) 1px,
            transparent 1px
        ) !important;

    background-size:
        78px 78px !important;

    opacity:
        .65 !important;

}


/* =============================================================
   HERO GREEN LIGHT BEAMS
   ============================================================= */

.store-hero::after {

    content:
        "" !important;

    position:
        absolute !important;

    z-index:
        0 !important;

    pointer-events:
        none !important;

    left:
        48% !important;

    right:
        21% !important;

    bottom:
        0 !important;

    height:
        88% !important;

    background:

        /* CENTRAL GLOW */

        radial-gradient(
            ellipse 35% 75%
            at 52% 72%,
            rgba(0,255,112,.20),
            transparent 58%
        ),

        /* LIGHT BEAMS */

        linear-gradient(
            90deg,

            transparent 0%,

            transparent 19%,

            rgba(0,255,112,.16) 20%,

            rgba(0,255,112,.025) 21%,

            transparent 23%,

            transparent 30%,

            rgba(0,255,112,.26) 31%,

            rgba(0,255,112,.035) 32%,

            transparent 34%,

            transparent 40%,

            rgba(0,255,112,.17) 41%,

            rgba(0,255,112,.025) 42%,

            transparent 44%,

            transparent 50%,

            rgba(0,255,112,.30) 51%,

            rgba(0,255,112,.045) 52%,

            transparent 54%,

            transparent 61%,

            rgba(0,255,112,.20) 62%,

            rgba(0,255,112,.025) 63%,

            transparent 65%,

            transparent 73%,

            rgba(0,255,112,.25) 74%,

            rgba(0,255,112,.035) 75%,

            transparent 77%,

            transparent 100%
        );

    filter:
        blur(.2px);

    opacity:
        .95 !important;

}


/* =============================================================
   MAKE HERO CONTENT SIT ABOVE VISUAL EFFECTS
   ============================================================= */

.store-hero > *,
.store-hero .netcore-hero-layout,
.store-hero .netcore-static-showcase {

    position:
        relative;

    z-index:
        2;

}


/* =============================================================
   HERO SHOWCASE
   ============================================================= */

.store-hero .netcore-static-showcase {

    background:
        transparent !important;

}


/* =============================================================
   REMOVE BLUE SHOWCASE BACKGROUND
   ============================================================= */

.store-hero .netcore-static-showcase::before,
.store-hero .netcore-static-showcase::after {

    background:
        transparent !important;

}


/* =============================================================
   PRODUCT AREA
   ============================================================= */

.store-hero .netcore-static-product,
.store-hero .netcore-static-product-image {

    background:
        transparent !important;

}


/* =============================================================
   PRODUCT ORBIT
   ============================================================= */

.store-hero .netcore-static-orbit {

    border-color:
        rgba(0,255,112,.42) !important;

    box-shadow:
        0 0 30px
        rgba(0,255,112,.13) !important;

}


/* =============================================================
   HERO BRAND
   ============================================================= */

.store-hero .netcore-static-label {

    color:
        var(--nc-green) !important;

}


/* =============================================================
   HERO CATEGORY
   ============================================================= */

.store-hero .netcore-static-category {

    color:
        var(--nc-green) !important;

}


/* =============================================================
   HERO HEADLINE
   ============================================================= */

.store-hero .netcore-static-title,
.store-hero .netcore-static-title span {

    color:
        #ffffff !important;

}


/* =============================================================
   "BUILT FOR BUSINESS"
   ============================================================= */

.store-hero .netcore-static-title .accent,
.store-hero .netcore-static-title .highlight,
.store-hero .netcore-static-title strong {

    color:
        var(--nc-green) !important;

}


/* =============================================================
   GENERIC HERO H1 FALLBACK
   ============================================================= */

.store-hero h1 {

    color:
        #ffffff !important;

}


/* GREEN WORDS / ACCENTS */

.store-hero h1 strong,
.store-hero h1 .accent,
.store-hero h1 .highlight {

    color:
        var(--nc-green) !important;

}


/* =============================================================
   HERO DESCRIPTION
   ============================================================= */

.store-hero p {

    color:
        #edf4f0 !important;

}


/* =============================================================
   HERO PRICE
   ============================================================= */

.store-hero .netcore-static-price {

    color:
        #00a8ff !important;

}


/* =============================================================
   HERO BUTTON
   ============================================================= */

.store-hero .netcore-static-button {

    background:
        var(--nc-green) !important;

    color:
        #010504 !important;

    border:
        0 !important;

    box-shadow:
        0 8px 26px
        rgba(0,255,112,.20) !important;

}


.store-hero .netcore-static-button:hover {

    background:
        var(--nc-green-bright) !important;

    box-shadow:
        0 10px 34px
        rgba(0,255,112,.36) !important;

}


/* =============================================================
   HERO ARROWS
   ============================================================= */

.store-hero .netcore-static-showcase button,
.store-hero .netcore-machine-arrow {

    border-color:
        var(--nc-green) !important;

    color:
        #ffffff !important;

}


.store-hero .netcore-static-showcase button:hover,
.store-hero .netcore-machine-arrow:hover {

    background:
        rgba(0,255,112,.10) !important;

    box-shadow:
        0 0 14px
        rgba(0,255,112,.25) !important;

}


/* =============================================================
   HERO RIGHT TEXT
   ============================================================= */

.store-hero .netcore-static-side-text,
.store-hero .netcore-static-side-text span {

    color:
        #ffffff !important;

}


/* =============================================================
   HERO SIDE LINE
   ============================================================= */

.store-hero .netcore-static-side-text::after {

    background:
        var(--nc-green) !important;

}


/* =============================================================
   HERO DOTS
   ============================================================= */

.store-hero .netcore-static-dots span {

    border-color:
        rgba(0,255,112,.45) !important;

}


.store-hero .netcore-static-dots span.active {

    background:
        var(--nc-green) !important;

    box-shadow:
        0 0 12px
        rgba(0,255,112,.65) !important;

}


/* =============================================================
   SCROLL TO EXPLORE
   ============================================================= */

.store-hero .netcore-static-scroll {

    color:
        #ffffff !important;

}


.store-hero .netcore-static-scroll svg {

    stroke:
        var(--nc-green) !important;

}


/* =============================================================
   PRODUCT SECTION
   ============================================================= */

.store-container {

    background:
        #010506 !important;

}


/* Keep product section visually compatible */

.store-container .product-card {

    background:
        #050b09 !important;

    border-color:
        rgba(80,120,105,.24) !important;

}


/* PRODUCT SEARCH */

.store-container input {

    background:
        #07100c !important;

    color:
        #ffffff !important;

}


.store-container button {

    background:
        var(--nc-green) !important;

    color:
        #010504 !important;

}


/* FILTERS */

.store-container .active {

    border-color:
        var(--nc-green) !important;

    color:
        var(--nc-green) !important;

}


/* PRODUCT PRICES */

.store-container .price,
.store-container .product-price {

    color:
        var(--nc-green) !important;

}


/* =============================================================
   DESKTOP WIDE SCREEN
   ============================================================= */

@media (min-width: 1500px) {

    .store-hero::after {

        left:
            51% !important;

        right:
            19% !important;

    }

}


/* =============================================================
   TABLET
   ============================================================= */

@media (max-width: 1150px) {

    .store-hero::after {

        left:
            43% !important;

        right:
            12% !important;

    }

}


/* =============================================================
   MOBILE
   ============================================================= */

@media (max-width: 760px) {

    .store-hero {

        background:

            radial-gradient(
                ellipse 70% 45%
                at 70% 55%,
                rgba(0,255,112,.16),
                transparent 60%
            ),

            linear-gradient(
                115deg,
                #010504,
                #03140d,
                #010504
            ) !important;

    }

    .store-hero::after {

        left:
            30% !important;

        right:
            5% !important;

        opacity:
            .55 !important;

    }

}


/* =============================================================
   END DESIGN 1
   ============================================================= */


/* =========================================================
   NETCORE SYSTEMS - FINAL PRODUCT VISUAL SYSTEM
   Dark technology presentation
   No white image boxes
   ========================================================= */


/* ---------------------------------------------------------
   PRODUCT GRID
   --------------------------------------------------------- */

.product-grid {
    gap: 18px !important;
}

.store-product-card {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            145deg,
            #071522 0%,
            #081d30 48%,
            #050c14 100%
        ) !important;
    border: 1px solid rgba(44, 145, 220, .20) !important;
    border-radius: 14px !important;
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}

.store-product-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            120deg,
            transparent 0%,
            rgba(38, 139, 218, .045) 42%,
            transparent 72%
        );
    z-index: 0;
}

.store-product-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(0, 180, 255, .48) !important;
    box-shadow:
        0 25px 60px rgba(0,0,0,.42),
        0 0 35px rgba(0,150,255,.10) !important;
}


/* ---------------------------------------------------------
   PRODUCT IMAGE AREA
   --------------------------------------------------------- */

.store-product-image {
    position: relative !important;
    height: 245px !important;
    min-height: 245px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            ellipse at center 62%,
            rgba(0, 157, 255, .20) 0%,
            rgba(0, 110, 190, .08) 30%,
            transparent 66%
        ),
        linear-gradient(
            145deg,
            #071b2d 0%,
            #061321 55%,
            #030a11 100%
        ) !important;

    border-bottom: 1px solid rgba(47, 151, 220, .14) !important;
}


/* Diagonal technology lines */

.store-product-image::before {
    content: "";
    position: absolute;
    inset: -30%;
    pointer-events: none;
    opacity: .45;

    background:
        repeating-linear-gradient(
            120deg,
            transparent 0px,
            transparent 52px,
            rgba(55,150,220,.055) 53px,
            rgba(55,150,220,.055) 54px
        );

    transform: rotate(2deg);
}


/* Blue horizon glow */

.store-product-image::after {
    content: "";
    position: absolute;

    left: 12%;
    right: 12%;
    bottom: 29px;

    height: 42px;

    border-radius: 50%;

    border: 1px solid rgba(0, 170, 255, .65);

    box-shadow:
        0 0 12px rgba(0,160,255,.55),
        0 0 35px rgba(0,130,255,.20),
        inset 0 0 15px rgba(0,150,255,.15);

    transform: perspective(260px) rotateX(63deg);

    pointer-events: none;
    z-index: 1;
}


/* ---------------------------------------------------------
   PRODUCT IMAGE
   --------------------------------------------------------- */

.store-product-image img {
    position: relative !important;
    z-index: 3 !important;

    width: auto !important;
    max-width: 90% !important;

    height: auto !important;
    max-height: 205px !important;

    object-fit: contain !important;

    /*
     * This is the important part:
     * white supplier backgrounds visually blend into
     * the dark NetCore environment instead of appearing
     * as white rectangles.
     */
    mix-blend-mode: multiply;

    filter:
        contrast(1.10)
        brightness(1.18)
        saturate(1.05)
        drop-shadow(0 18px 22px rgba(0,0,0,.62))
        drop-shadow(0 0 18px rgba(0,130,255,.13));

    transition:
        transform .28s ease,
        filter .28s ease;
}


/* Product hover */

.store-product-card:hover
.store-product-image img {
    transform: scale(1.045);

    filter:
        contrast(1.12)
        brightness(1.22)
        saturate(1.08)
        drop-shadow(0 22px 28px rgba(0,0,0,.68))
        drop-shadow(0 0 25px rgba(0,150,255,.20));
}


/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.store-product-content {
    position: relative;
    z-index: 5;

    padding: 16px !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,13,22,.88),
            rgba(3,9,15,.98)
        ) !important;
}

.store-product-content > span {
    color: #00e6ff !important;
    letter-spacing: 1.4px !important;
}

.store-product-content h3 {
    color: #ffffff !important;
}

.store-product-content p {
    color: #8ea9bd !important;
}

.store-product-bottom {
    margin-top: 16px !important;
}

.store-product-bottom strong {
    color: #ffffff !important;
}

.stock-good {
    color: #35e99a !important;
}


/* ---------------------------------------------------------
   PRODUCT DETAIL PAGE
   --------------------------------------------------------- */

.product-gallery {
    position: relative !important;

    padding: 25px !important;

    border-radius: 18px !important;

    background:
        radial-gradient(
            ellipse at center 62%,
            rgba(0,155,255,.20),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            #071b2d,
            #030b13
        ) !important;

    border: 1px solid rgba(0,150,255,.20) !important;

    overflow: hidden !important;

    box-shadow:
        0 25px 65px rgba(0,0,0,.38),
        inset 0 0 50px rgba(0,120,220,.06) !important;
}

.product-gallery::before {
    content: "";

    position: absolute;

    inset: -20%;

    background:
        repeating-linear-gradient(
            120deg,
            transparent 0px,
            transparent 60px,
            rgba(50,150,220,.045) 61px,
            rgba(50,150,220,.045) 62px
        );

    pointer-events: none;
}

.product-gallery::after {
    content: "";

    position: absolute;

    left: 12%;
    right: 12%;
    bottom: 48px;

    height: 55px;

    border-radius: 50%;

    border: 1px solid rgba(0,170,255,.65);

    box-shadow:
        0 0 18px rgba(0,150,255,.50),
        0 0 50px rgba(0,110,255,.18);

    transform: perspective(300px) rotateX(63deg);

    pointer-events: none;
}

.product-gallery img {
    position: relative !important;
    z-index: 3 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    max-height: 560px !important;

    mix-blend-mode: multiply;

    filter:
        contrast(1.10)
        brightness(1.18)
        saturate(1.05)
        drop-shadow(0 28px 35px rgba(0,0,0,.62))
        drop-shadow(0 0 25px rgba(0,130,255,.15));
}


/* ---------------------------------------------------------
   HERO PRODUCT
   --------------------------------------------------------- */

.netcore-static-showcase {
    background:
        radial-gradient(
            ellipse at 72% 58%,
            rgba(0,155,255,.16),
            transparent 52%
        ),
        linear-gradient(
            135deg,
            #061a2d 0%,
            #061321 52%,
            #020a11 100%
        ) !important;
}

.netcore-static-product {
    position: relative !important;
}

.netcore-static-product::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0,155,255,.18),
            transparent 68%
        );

    filter: blur(8px);

    pointer-events: none;
}

.netcore-static-product::after {
    content: "";

    position: absolute;

    width: 390px;
    height: 95px;

    left: 50%;
    bottom: 35px;

    transform:
        translateX(-50%)
        perspective(300px)
        rotateX(62deg);

    border-radius: 50%;

    border: 1px solid rgba(0,175,255,.72);

    box-shadow:
        0 0 18px rgba(0,160,255,.55),
        0 0 55px rgba(0,120,255,.20);

    pointer-events: none;

    z-index: 2;
}

.netcore-static-product img {
    position: relative !important;
    z-index: 4 !important;

    mix-blend-mode: multiply;

    filter:
        contrast(1.10)
        brightness(1.18)
        saturate(1.05)
        drop-shadow(0 30px 38px rgba(0,0,0,.60))
        drop-shadow(0 0 28px rgba(0,140,255,.18));
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 900px) {

    .store-product-image {
        height: 220px !important;
        min-height: 220px !important;
    }

    .store-product-image img {
        max-height: 185px !important;
        max-width: 88% !important;
    }

    .store-product-image::after {
        left: 10%;
        right: 10%;
        bottom: 24px;
    }
}

@media (max-width: 600px) {

    .store-product-image {
        height: 235px !important;
        min-height: 235px !important;
    }

    .store-product-image img {
        max-height: 200px !important;
    }

    .store-product-image::after {
        bottom: 26px;
    }
}


/* =========================================================
   END NETCORE FINAL PRODUCT VISUAL SYSTEM
   ========================================================= */


/* =========================================================
   NETCORE TRANSPARENT PRODUCT IMAGES - FINAL OVERRIDE
   ========================================================= */

.store-product-image {
    background:
        radial-gradient(
            ellipse at center 64%,
            rgba(0, 155, 255, .18) 0%,
            rgba(0, 100, 180, .07) 32%,
            transparent 68%
        ),
        linear-gradient(
            145deg,
            #071b2d 0%,
            #061321 55%,
            #030a11 100%
        ) !important;
}

.store-product-image img {
    mix-blend-mode: normal !important;

    background: transparent !important;

    filter:
        drop-shadow(0 20px 28px rgba(0,0,0,.58))
        drop-shadow(0 0 18px rgba(0,140,255,.12)) !important;

    opacity: 1 !important;

    max-width: 90% !important;
    max-height: 205px !important;

    object-fit: contain !important;
}

.store-product-card:hover
.store-product-image img {
    mix-blend-mode: normal !important;

    filter:
        drop-shadow(0 24px 30px rgba(0,0,0,.64))
        drop-shadow(0 0 24px rgba(0,150,255,.18)) !important;

    transform: scale(1.04) !important;
}

.product-gallery img {
    mix-blend-mode: normal !important;

    background: transparent !important;

    border: none !important;

    filter:
        drop-shadow(0 28px 35px rgba(0,0,0,.60))
        drop-shadow(0 0 22px rgba(0,140,255,.15)) !important;
}

.netcore-static-product img {
    mix-blend-mode: normal !important;

    filter:
        drop-shadow(0 30px 38px rgba(0,0,0,.60))
        drop-shadow(0 0 25px rgba(0,140,255,.16)) !important;
}

/* =========================================================
   END TRANSPARENT PRODUCT IMAGE OVERRIDE
   ========================================================= */