/* WAK89 stitched-pop theme: visual-only layer, preserves the landing-page structure. */
body.body-desktop {
    background:
        radial-gradient(circle at 14% 8%, rgba(255,10,92,.20), transparent 25%),
        radial-gradient(circle at 88% 16%, rgba(49,217,209,.12), transparent 22%),
        radial-gradient(circle at 68% 82%, rgba(255,75,130,.12), transparent 25%),
        linear-gradient(145deg, #07070b 0%, #151018 48%, #090b10 100%);
    color: #fff7f8;
    font-family: "Trebuchet MS", Arial, sans-serif;
}

body.body-desktop::before {
    background:
        linear-gradient(45deg, transparent 46%, rgba(255,255,255,.035) 47% 53%, transparent 54%) 0 0 / 38px 38px,
        linear-gradient(-45deg, transparent 46%, rgba(49,217,209,.035) 47% 53%, transparent 54%) 19px 19px / 38px 38px,
        radial-gradient(circle at 18% 22%, rgba(255,10,92,.16), transparent 18%),
        radial-gradient(circle at 82% 64%, rgba(49,217,209,.10), transparent 20%);
    opacity: .9;
}

body.body-desktop::after {
    border: 0;
    background: linear-gradient(90deg, rgba(255,10,92,.025), transparent 35%, rgba(49,217,209,.025));
}

body.body-desktop h1,
body.body-desktop h2,
body.body-desktop h3,
body.body-desktop .heading,
body.body-desktop .footer-heading,
body.body-desktop .title {
    font-family: Impact, "Arial Black", "Trebuchet MS", sans-serif;
    letter-spacing: .025em;
}

body.body-desktop .main-header {
    background:
        linear-gradient(90deg, rgba(255,10,92,.12), transparent 28%, transparent 72%, rgba(49,217,209,.10)),
        #09090e;
    border: 0;
    border-bottom: 3px solid #ff0a5c;
    box-shadow: 0 5px 0 rgba(49,217,209,.75), 0 18px 45px rgba(0,0,0,.55);
}

body.body-desktop .navbar-brand img {
    background: #fff7f8;
    border: 2px solid #07070b;
    border-radius: 12px;
    box-shadow: 4px 4px 0 #ff0a5c, -2px -2px 0 #31d9d1;
    padding: 4px;
}

body.body-desktop .explore-btn,
body.body-desktop .select-category.dropdown-toggle,
body.body-desktop .select-store.dropdown-toggle {
    background: #11131a;
    border: 1px dashed rgba(49,217,209,.65);
    color: #fff7f8;
}

body.body-desktop .header-search-bar,
body.body-desktop .header-search-bar .form-control {
    background: #fff7f8;
    color: #171219;
    border-color: rgba(255,10,92,.55);
}

body.body-desktop .header-search-bar .form-control::placeholder {
    color: #685b62;
}

body.body-desktop .dropdown-menu {
    background: #11131a;
    border-color: rgba(49,217,209,.55);
    box-shadow: 7px 7px 0 rgba(255,10,92,.22);
}

body.body-desktop .dropdown-item:hover,
body.body-desktop .dropdown-item:focus,
body.body-desktop .dropdown-item.active {
    background: rgba(255,10,92,.18);
    color: #fff;
}

body.body-desktop .detail-section {
    background:
        linear-gradient(135deg, rgba(255,10,92,.09), transparent 34%),
        linear-gradient(315deg, rgba(49,217,209,.07), transparent 30%),
        rgba(7,7,11,.74);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 10px 10px 0 rgba(255,10,92,.10), -5px -5px 0 rgba(49,217,209,.07);
}

body.body-desktop .product-item,
body.body-desktop .single-product-content,
body.body-desktop .sidebar > .card,
body.body-desktop .product-article,
body.body-desktop .info-box-wak89 {
    background:
        linear-gradient(145deg, rgba(255,255,255,.035), transparent 38%),
        #101116;
    border: 2px solid rgba(255,255,255,.88);
    border-radius: 17px;
    box-shadow: 7px 7px 0 rgba(255,10,92,.58), -3px -3px 0 rgba(49,217,209,.58), 0 24px 45px rgba(0,0,0,.42);
}

body.body-desktop .main-product-slider {
    background: #fff7f8;
    border: 2px dashed #07070b;
    border-radius: 15px;
    box-shadow: 0 0 0 4px #ff0a5c, 7px 7px 0 #31d9d1;
    overflow: hidden;
}

body.body-desktop .main-product-slider img,
body.body-desktop .banner-daftar img {
    border-radius: 10px;
}

body.body-desktop .thumbnail {
    background: #fff7f8;
    border: 2px solid #ff0a5c;
    box-shadow: 3px 3px 0 rgba(49,217,209,.78);
}

body.body-desktop .thumbnail:nth-child(even) {
    border-color: #31d9d1;
    box-shadow: 3px 3px 0 rgba(255,10,92,.78);
}

body.body-desktop h1.title {
    color: #fff7f8;
    text-shadow: 3px 3px 0 #c60047, 5px 5px 0 rgba(49,217,209,.45);
}

body.body-desktop .brand-name a,
body.body-desktop .theme-color,
body.body-desktop .write-review,
body.body-desktop .price-box h2,
body.body-desktop .heading {
    color: #31d9d1;
}

body.body-desktop .rating-stars i,
body.body-desktop .in-stock,
body.body-desktop .text-success {
    color: #ff4b82;
}

body.body-desktop .variations-button,
body.body-desktop .quantity-input,
body.body-desktop .product-features {
    background: rgba(255,255,255,.035);
    border: 1px dashed rgba(49,217,209,.48);
    border-radius: 12px;
}

body.body-desktop .product-shop .btn,
body.body-desktop .button-tolong,
body.body-desktop .login,
body.body-desktop .register {
    background: linear-gradient(135deg, #ff0a5c, #bd003f 70%);
    border: 2px solid #fff7f8;
    border-radius: 12px;
    box-shadow: 5px 5px 0 #31d9d1;
    color: #fff;
    font-family: "Arial Black", "Trebuchet MS", sans-serif;
}

body.body-desktop .buy-now-btn,
body.body-desktop .register,
body.body-desktop .register-button {
    background: linear-gradient(135deg, #31d9d1, #0eaaa5 72%);
    box-shadow: 5px 5px 0 #ff0a5c;
    color: #071013;
}

body.body-desktop .product-shop .btn:hover,
body.body-desktop .button-tolong:hover,
body.body-desktop .login:hover,
body.body-desktop .register:hover {
    transform: translate(-2px,-2px);
    box-shadow: 8px 8px 0 rgba(255,255,255,.78);
}

body.body-desktop .banner-daftar {
    background: #0b0b10;
    border: 2px dashed #ff4b82;
    box-shadow: 5px 5px 0 rgba(49,217,209,.42);
}

body.body-desktop .border-box .card {
    background: #fff7f8;
    border: 2px solid #07070b;
    box-shadow: 3px 3px 0 #ff0a5c;
}

body.body-desktop .WAK89-empire-article,
body.body-desktop .WAK89-info-section {
    background:
        linear-gradient(45deg, transparent 47%, rgba(255,255,255,.025) 48% 52%, transparent 53%) 0 0 / 44px 44px,
        linear-gradient(180deg, #11131a, #07070b);
}

body.body-desktop .WAK89-empire-head,
body.body-desktop .WAK89-empire-card,
body.body-desktop .WAK89-card {
    background: #101116;
    border: 2px solid #fff7f8;
    border-radius: 17px;
    box-shadow: 8px 8px 0 rgba(255,10,92,.62), -3px -3px 0 rgba(49,217,209,.55);
}

body.body-desktop .WAK89-empire-kicker {
    background: #ff0a5c;
    border: 2px solid #fff7f8;
    color: #fff;
    box-shadow: 4px 4px 0 #31d9d1;
}

body.body-desktop .WAK89-empire-title .gold,
body.body-desktop .WAK89-card h2 {
    background: linear-gradient(90deg, #ff4b82, #fff7f8 46%, #31d9d1);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.body-desktop .WAK89-faq-item,
body.body-desktop .WAK89-review-item {
    border-top: 1px dashed rgba(49,217,209,.40);
}

body.body-desktop .WAK89-review-role {
    color: #31d9d1;
}

body.body-desktop .footer-top,
body.body-desktop .footer-bottom,
body.body-desktop .footer-floating-wak89 {
    background: #09090e;
    border: 2px solid rgba(255,255,255,.80);
    box-shadow: 7px 7px 0 rgba(255,10,92,.48), -3px -3px 0 rgba(49,217,209,.44);
}

body.body-desktop .footer-heading {
    color: #ff4b82;
}

body.body-desktop .social-footer a,
body.body-desktop .footer-btn-wak89 {
    background: #ff0a5c;
    border: 2px solid #fff7f8;
    color: #fff;
    box-shadow: 3px 3px 0 #31d9d1;
}

body.body-desktop .footer-btn-wak89:nth-child(even) {
    background: #31d9d1;
    box-shadow: 3px 3px 0 #ff0a5c;
    color: #071013;
}

@media (max-width: 768px) {
    body.body-desktop .main-header .navbar {
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 12px;
    }

    body.body-desktop .main-header .header-left {
        width: 100%;
        min-height: 52px;
        flex-direction: row;
        justify-content: space-between;
    }

    body.body-desktop .main-header .header-center {
        width: 100%;
    }

    body.body-desktop .main-header .mobile-menu-wrapper,
    body.body-desktop .main-header .wrapper-bg,
    body.body-desktop .main-header .menu-content {
        display: none;
    }

    body.body-desktop .main-header .navbar-brand {
        margin: 0;
    }

    body.body-desktop .main-header .navbar-brand img {
        width: 100px;
        height: 52px;
        object-fit: contain;
    }

    body.body-desktop .detail-section {
        box-shadow: 5px 5px 0 rgba(255,10,92,.10), -2px -2px 0 rgba(49,217,209,.07);
    }

    body.body-desktop .product-item,
    body.body-desktop .single-product-content,
    body.body-desktop .sidebar > .card,
    body.body-desktop .WAK89-empire-head,
    body.body-desktop .WAK89-empire-card,
    body.body-desktop .WAK89-card {
        box-shadow: 4px 4px 0 rgba(255,10,92,.48), -2px -2px 0 rgba(49,217,209,.42);
    }

    body.body-desktop h1.title {
        text-shadow: 2px 2px 0 #c60047, 3px 3px 0 rgba(49,217,209,.38);
    }

    body.body-desktop .footer-floating-wak89 {
        bottom: 6px;
        display: grid;
        grid-template-columns: repeat(5,minmax(0,1fr));
        gap: 5px;
        width: calc(100% - 12px);
        padding: 7px;
        border-radius: 16px;
    }

    body.body-desktop .footer-btn-wak89 {
        min-height: 46px;
        padding: 6px 2px;
        flex-direction: column;
        gap: 2px;
        border-radius: 10px;
        font-size: 8px;
        line-height: 1.05;
        white-space: normal;
        text-align: center;
        animation: none;
    }

    body.body-desktop .footer-btn-wak89 img {
        width: 15px;
        height: 15px;
    }
}