/* =========================================================
   DrakaShield Homepage — White Modern Refresh
   Scoped to body.drakashield-home only.
   Keeps the existing layout and functionality intact.
   ========================================================= */

body.drakashield-home {
    --ds-red: #c81920;
    --ds-red-dark: #9f0f15;
    --ds-navy: #0b1e33;
    --ds-text: #24364b;
    --ds-muted: #6f7e8f;
    --ds-border: #e7ebf0;
    --ds-soft: #f7f9fc;
    --ds-shadow: 0 14px 34px rgba(11, 30, 51, 0.09);
    background: #fff !important;
    color: var(--ds-text);
}

body.drakashield-home .page-wrapper {
    background: #fff !important;
}

body.drakashield-home h1,
body.drakashield-home h2,
body.drakashield-home h3,
body.drakashield-home h4 {
    color: var(--ds-navy);
}

body.drakashield-home p {
    color: var(--ds-muted);
}

/* Small red accent, not large red surfaces */
body.drakashield-home .section-title .line,
body.drakashield-home .our-service-content .line,
body.drakashield-home .awesome-service-box .line {
    background: var(--ds-red) !important;
    height: 3px !important;
    border-radius: 99px;
}

/* Buttons — premium red with restrained shine */
body.drakashield-home .theme-btn,
body.drakashield-home a.theme-btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #d51f27 0%, #b4141b 62%, #971016 100%) !important;
    border: 1px solid #a61218 !important;
    color: #fff !important;
    border-radius: 9px !important;
    box-shadow: 0 8px 18px rgba(166, 18, 24, .18), inset 0 1px 0 rgba(255,255,255,.28) !important;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

body.drakashield-home .theme-btn::before,
body.drakashield-home a.theme-btn::before {
    content: "";
    position: absolute;
    top: -70%;
    left: -45%;
    width: 28%;
    height: 240%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);
    transform: rotate(18deg);
    transition: left .55s ease;
    pointer-events: none;
}

body.drakashield-home .theme-btn:hover,
body.drakashield-home a.theme-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 12px 24px rgba(166, 18, 24, .25), inset 0 1px 0 rgba(255,255,255,.32) !important;
    color: #fff !important;
}

body.drakashield-home .theme-btn:hover::before,
body.drakashield-home a.theme-btn:hover::before {
    left: 125%;
}

/* Keep the secondary quote button white on the hero */
body.drakashield-home #carousel-home .theme-btn.bg-white {
    background: rgba(255,255,255,.96) !important;
    color: var(--ds-navy) !important;
    border-color: rgba(255,255,255,.75) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.15) !important;
}

body.drakashield-home #carousel-home .theme-btn.bg-white::before { display:none; }

/* Hero: preserve current carousel, only polish it */
body.drakashield-home #carousel,
body.drakashield-home #home-carousel {
    background: #eef2f6;
}

body.drakashield-home #carousel-home .carousel-item img {
    filter: saturate(.92) contrast(1.03);
}

body.drakashield-home #carousel-home .carousel-caption {
    text-shadow: 0 3px 14px rgba(0,0,0,.36);
}

body.drakashield-home #carousel-home h3 {
    letter-spacing: -.02em;
}

/* Main 3 solution cards */
body.drakashield-home .featured-section {
    position: relative;
    z-index: 5;
}

body.drakashield-home .featured-box {
    position: relative;
    min-height: 245px;
    padding: 30px 24px 24px !important;
    background: #fff !important;
    border: 1px solid var(--ds-border);
    border-radius: 14px !important;
    box-shadow: var(--ds-shadow) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.drakashield-home .featured-box:hover {
    transform: translateY(-6px);
    border-color: #d7dde5;
    box-shadow: 0 20px 42px rgba(11,30,51,.13) !important;
}

body.drakashield-home .featured-box i,
body.drakashield-home .featured-box img {
    background: #eef3f8 !important;
    color: var(--ds-navy) !important;
    border-radius: 12px !important;
}

body.drakashield-home .featured-box i {
    box-shadow: inset 0 0 0 1px #e1e8ef;
}

body.drakashield-home .featured-box h3 {
    color: var(--ds-navy) !important;
    font-size: 22px;
}

body.drakashield-home .featured-box.antivirus-featured {
    border-color: rgba(200,25,32,.45);
    box-shadow: 0 16px 36px rgba(200,25,32,.10) !important;
}

body.drakashield-home .featured-box.antivirus-featured i {
    background: rgba(200,25,32,.08) !important;
    color: var(--ds-red) !important;
    box-shadow: inset 0 0 0 1px rgba(200,25,32,.16);
}

body.drakashield-home .ds-featured-badge,
body.drakashield-home .ds-product-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 4;
    padding: 5px 10px;
    background: #fff4f4;
    border: 1px solid rgba(200,25,32,.24);
    border-radius: 999px;
    color: var(--ds-red);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

/* Story */
body.drakashield-home .our-story-inner {
    overflow: hidden;
    background: #fff !important;
    border: 1px solid var(--ds-border);
    border-radius: 16px !important;
    box-shadow: var(--ds-shadow) !important;
}

body.drakashield-home .our-story-content {
    padding: 52px 44px !important;
}

body.drakashield-home .story-video {
    border-radius: 0 16px 16px 0 !important;
}

body.drakashield-home .video-section .video-link {
    background: linear-gradient(145deg, #d51f27, #a51218) !important;
    box-shadow: 0 10px 25px rgba(200,25,32,.24);
}

/* Products */
body.drakashield-home .our-service {
    background: var(--ds-soft);
    padding: 72px 0 35px;
    margin-top: 80px !important;
}

body.drakashield-home .our-service-box {
    position: relative;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid var(--ds-border);
    border-radius: 15px !important;
    box-shadow: 0 12px 30px rgba(11,30,51,.08) !important;
    transition: transform .25s ease, box-shadow .25s ease;
}

body.drakashield-home .our-service-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 38px rgba(11,30,51,.12) !important;
}

body.drakashield-home .our-service-box:after {
    background: var(--ds-red) !important;
    height: 4px !important;
}

body.drakashield-home .our-service-img {
    background: #f4f6f9;
}

body.drakashield-home .our-service-img img {
    transition: transform .35s ease;
}

body.drakashield-home .our-service-box:hover .our-service-img img {
    transform: scale(1.025);
}

body.drakashield-home .our-service-content {
    padding: 34px 25px 38px !important;
}

body.drakashield-home .our-service-content h3 a {
    color: var(--ds-navy) !important;
}

body.drakashield-home .our-service-content h3 a:hover {
    color: var(--ds-red) !important;
}

body.drakashield-home .ds-product-featured {
    border-color: rgba(200,25,32,.40);
    box-shadow: 0 15px 35px rgba(200,25,32,.09) !important;
}

body.drakashield-home .our-service-inner .slick-arrow {
    background: #fff !important;
    color: var(--ds-red) !important;
    border-color: var(--ds-red) !important;
    box-shadow: 0 5px 14px rgba(11,30,51,.10);
}

body.drakashield-home .our-service-inner .slick-arrow:hover {
    background: var(--ds-red) !important;
    color: #fff !important;
}

body.drakashield-home .index-btn-margin {
    margin-left: 0 !important;
    text-align: center;
}

/* Service icon grid */
body.drakashield-home .awesome-service {
    padding-top: 40px;
}

body.drakashield-home .awesome-service-box {
    min-height: 210px;
    padding: 38px 28px 26px !important;
    background: #fff !important;
    border: 1px solid var(--ds-border);
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(11,30,51,.06) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.drakashield-home .awesome-service-box:hover {
    transform: translateY(-4px);
    border-color: #d9dee5;
    box-shadow: 0 16px 34px rgba(11,30,51,.10) !important;
}

body.drakashield-home .awesome-service-box i {
    color: var(--ds-navy) !important;
    background: #eef3f8 !important;
}

body.drakashield-home .awesome-service-box:hover i {
    color: #fff !important;
    background: var(--ds-red) !important;
}

body.drakashield-home .awesome-service-box h3 {
    color: var(--ds-navy) !important;
}

/* Why us: use navy for balance, not more red */
body.drakashield-home .success-section {
    position: relative;
    background-image: linear-gradient(rgba(9,27,47,.93), rgba(9,27,47,.93)), url('../images/success.webp') !important;
}

body.drakashield-home .success-section .line {
    background: rgba(255,255,255,.75) !important;
}

body.drakashield-home .success-box i {
    color: var(--ds-red) !important;
}

/* Latest news */
body.drakashield-home .latest-news iframe {
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(11,30,51,.08);
    background: #fff;
}

/* Scroll top */
body.drakashield-home .scroll-top {
    background: var(--ds-red) !important;
    box-shadow: 0 8px 18px rgba(200,25,32,.22);
}

@media (max-width: 991px) {
    body.drakashield-home .featured-section {
        transform: none !important;
        margin-top: 35px !important;
    }

    body.drakashield-home .featured-box {
        margin-bottom: 24px;
    }

    body.drakashield-home .our-story-content {
        padding: 38px 30px !important;
    }

    body.drakashield-home .story-video {
        border-radius: 0 0 16px 16px !important;
        min-height: 360px;
        height: 420px;
    }
}

@media (max-width: 767px) {
    body.drakashield-home .our-service {
        padding-top: 52px;
    }

    body.drakashield-home .featured-box,
    body.drakashield-home .awesome-service-box {
        min-height: auto;
    }

    body.drakashield-home .ds-featured-badge,
    body.drakashield-home .ds-product-badge {
        position: static;
        display: inline-block;
        margin-bottom: 14px;
    }
}