/* ==========================================================================
   CUSTOM DESIGN SYSTEM (UNICORN HARDWARE - MODX COMPATIBLE CARCASS)
   ========================================================================== */

:root {
    --dell-blue: #0076CE;
    --asbis-dark: #0B2545;
    --electric-cyan: #00B4D8;
    --bg-light: #F8FAFC;
    --text-main: #1E293B;
}

html {
    scroll-behavior: smooth; /* Плавный скролл ко всем якорям сайта штатными средствами браузера */
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-light);
    color: var(--text-main);
    padding-top: 80px; /* Предотвращает заезд под фиксированный хедер */
    overflow-x: hidden;
}

.fw-600 { font-weight: 600; }
.text-dark-blue { color: var(--asbis-dark); }
.text-light-muted { color: #CBD5E1; }
.bg-dark-blue { background-color: var(--asbis-dark); }
.bg-cyan { background-color: var(--electric-cyan); color: #000; }
.btn-outline-cyan {
    border: 2px solid var(--electric-cyan);
    color: var(--electric-cyan);
    font-weight: 600;
}
.btn-outline-cyan:hover {
    background-color: var(--electric-cyan);
    color: #000;
}

/* FIXED HEADER STYLES */
header {
    background-color: var(--asbis-dark) !important;
    transition: all 0.3s ease;
}
header .nav-link {
    color: #E2E8F0 !important;
    font-weight: 500;
    margin: 0 10px;
}
header .nav-link:hover, header .nav-link.active {
    color: var(--electric-cyan) !important;
}

/* BOOTSTRAP BUTTON CUSTOMIZATION */
.btn-primary {
    background-color: var(--dell-blue) !important;
    border-color: var(--dell-blue) !important;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #005fa6 !important;
    border-color: #005fa6 !important;
}

/* HERO SECTION WITH CLEAN BLUE GRADIENT OVERLAY */
.hero-section {
    background: linear-gradient(135deg, rgba(11,37,69,0.95) 0%, rgba(0,118,206,0.9) 100%), 
                url('https://dummyimage.com/1920x1080/0b2545/fff.png&text=Hardware+Grid') no-repeat center center;
    background-size: cover;
    min-height: 550px;
    padding: 60px 0;
}

/* INFINITE SLIDER / BEGUSCHAYA STROKA STYLES */
.ticker-section {
    background-color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
}
.ticker-wrap {
    display: flex;
    width: 100%;
}
.ticker-content {
    display: inline-block;
    padding-left: 100%;
    animation: ticker 35s linear infinite;
}
.ticker-content span {
    display: inline-block;
    padding: 0 2.5rem;
    font-weight: 800;
    font-size: 1.2rem;
    color: #94A3B8;
    letter-spacing: 2px;
}
@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

/* CARD HOVER INTERACTIONS */
.card-custom {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
}
.card-custom:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}

/* ADVANTAGES INTERFACE BOX */
.adv-icon-box {
    width: 36px;
    height: 36px;
    background-color: rgba(0,118,206,0.1);
    color: var(--dell-blue);
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* TECH SUB-TEXTURE (EpicRise Electronics Style) */
.bg-electronics-texture {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0.02;
    background: url('https://dummyimage.com/400x400/000/fff.png&text=Microchip+Pattern') repeat;
    pointer-events: none;
}

/* FORMS VALIDATION & INTERACTIVE FOCUS */
.form-control:focus, .form-select:focus {
    border-color: var(--electric-cyan) !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 180, 216, 0.25) !important;
}

.form-input {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/* ==========================================================================
   SWEETALERT2 CUSTOMIZATION (!IMPORTANT OVERRIDES TO PROTECT DELL STYLING)
   ========================================================================== */
.swal2-popup {
    font-family: 'Inter', sans-serif !important;
    border-radius: 8px !important;
}
.swal2-title {
    color: var(--asbis-dark) !important;
    font-weight: 700 !important;
}
.swal2-confirm {
    background-color: var(--dell-blue) !important;
    border-left-color: var(--dell-blue) !important;
    border-right-color: var(--dell-blue) !important;
    padding: 10px 30px !important;
}