/* Eplayok blue-purple + black modern 3C retail theme. Scoped after base styles. */
:root,
body.theme-digital-green {
    --primary-color: #5b5ff7;
    --primary-hover: #4338ca;
    --accent-color: #eef2ff;
    --primary-soft: #7dd3fc;
    --surface-color: #ffffff;
    --page-bg: #f7f8ff;
    --border-color: rgba(91, 95, 247, 0.24);
    --text-color: #172033;
    --text-light: #64748b;
    --heading-color: #070a18;
    --gold-color: #8b5cf6;
    --gold-soft: #e0e7ff;
    --shadow-color: rgba(30, 64, 175, 0.18);
    --shadow-sm: 0 12px 30px rgba(30, 64, 175, 0.12);
    --shadow: 0 22px 56px rgba(30, 64, 175, 0.16);
}

html body.theme-digital-green,
body.theme-digital-green .home-main,
body.theme-digital-green .shop-content,
body.theme-digital-green .product-page,
body.theme-digital-green .cart-page,
body.theme-digital-green .checkout-page,
body.theme-digital-green .auth-page,
body.theme-digital-green .policy-page,
body.theme-digital-green .contact-page,
body.theme-digital-green .about-page {
    background:
        radial-gradient(circle at 14% 24%, rgba(125, 211, 252, 0.34), transparent 32%),
        radial-gradient(circle at 84% 14%, rgba(139, 92, 246, 0.18), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 50%, #f3f0ff 100%) !important;
    color: var(--text-color);
}

body.theme-digital-green .top-strip,
body.theme-digital-green .site-header,
body.theme-digital-green .header-area,
body.theme-digital-green .main-header,
body.theme-digital-green .site-footer,
body.theme-digital-green footer {
    background: linear-gradient(135deg, #050713 0%, #0b1024 52%, #25104f 100%) !important;
    color: #ffffff !important;
}

body.theme-digital-green .site-header,
body.theme-digital-green .header-area,
body.theme-digital-green .main-header {
    border-bottom: 1px solid rgba(125, 211, 252, 0.16) !important;
    box-shadow: 0 18px 42px rgba(5, 7, 19, 0.24) !important;
}

body.theme-digital-green .logo,
body.theme-digital-green .site-logo,
body.theme-digital-green .brand-name,
body.theme-digital-green .footer-brand,
body.theme-digital-green .footer-logo {
    color: #ffffff !important;
}

body.theme-digital-green .logo span,
body.theme-digital-green .brand-accent,
body.theme-digital-green .brand-domain,
body.theme-digital-green .site-logo small,
body.theme-digital-green .footer-brand small {
    color: #7dd3fc !important;
}

body.theme-digital-green .nav-link,
body.theme-digital-green .site-nav a,
body.theme-digital-green .footer a {
    color: rgba(255, 255, 255, 0.84) !important;
}

body.theme-digital-green .nav-link:hover,
body.theme-digital-green .nav-link.active,
body.theme-digital-green .site-nav a:hover,
body.theme-digital-green .site-nav a.active {
    color: #93c5fd !important;
    border-color: #7c3aed !important;
}

body.theme-digital-green .search-btn,
body.theme-digital-green .user-btn,
body.theme-digital-green .dropdown-toggle,
body.theme-digital-green .country-toggle,
body.theme-digital-green .header-action-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-color: rgba(125, 211, 252, 0.34) !important;
}

body.theme-digital-green .search-btn:hover,
body.theme-digital-green .user-btn:hover,
body.theme-digital-green .dropdown-toggle:hover,
body.theme-digital-green .country-toggle:hover,
body.theme-digital-green .header-action-btn:hover {
    background: rgba(91, 95, 247, 0.22) !important;
    border-color: rgba(147, 197, 253, 0.72) !important;
}

body.theme-digital-green .search-panel,
body.theme-digital-green .search-box,
body.theme-digital-green .search-input,
body.theme-digital-green input,
body.theme-digital-green select,
body.theme-digital-green textarea {
    border-color: rgba(91, 95, 247, 0.26) !important;
    box-shadow: 0 0 0 0 rgba(91, 95, 247, 0) !important;
}

body.theme-digital-green .search-input:focus,
body.theme-digital-green input:focus,
body.theme-digital-green select:focus,
body.theme-digital-green textarea:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.12) !important;
}

body.theme-digital-green .cartiume-hero-section {
    background: #050713 !important;
    border-bottom: 0 !important;
}

body.theme-digital-green .cartiume-hero-shell {
    background: linear-gradient(135deg, #050713 0%, #0b1024 58%, #25104f 100%) !important;
    border: 1px solid rgba(125, 211, 252, 0.18) !important;
    box-shadow: 0 30px 80px rgba(5, 7, 19, 0.36) !important;
    overflow: hidden;
}

body.theme-digital-green .cartiume-hero-slide::before {
    background: linear-gradient(90deg, rgba(5, 7, 19, 0.92) 0%, rgba(8, 13, 31, 0.72) 42%, rgba(67, 56, 202, 0.08) 100%) !important;
}

body.theme-digital-green .cartiume-hero-bg,
body.theme-digital-green .cartiume-hero-media img {
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(1.04) contrast(1.03) !important;
}

body.theme-digital-green .cartiume-hero-copy,
body.theme-digital-green .cartiume-hero-copy h1,
body.theme-digital-green .cartiume-hero-copy p {
    color: #ffffff !important;
    text-shadow: 0 14px 38px rgba(0, 0, 0, 0.38);
}

body.theme-digital-green .cartiume-hero-eyebrow,
body.theme-digital-green .section-kicker,
body.theme-digital-green .product-category,
body.theme-digital-green .card-category {
    color: #5b5ff7 !important;
}

body.theme-digital-green .cartiume-hero-copy .cartiume-hero-eyebrow {
    color: #93c5fd !important;
}

body.theme-digital-green .cartiume-hero-btn,
body.theme-digital-green .offer-banner-btn,
body.theme-digital-green .btn,
body.theme-digital-green .button,
body.theme-digital-green .add-to-cart-btn,
body.theme-digital-green .buy-now-btn,
body.theme-digital-green .checkout-btn,
body.theme-digital-green .cart-checkout-btn,
body.theme-digital-green .auth-submit,
body.theme-digital-green .oc-msgbox-btn {
    background: linear-gradient(135deg, #38bdf8 0%, #5b5ff7 48%, #8b5cf6 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 16px 34px rgba(91, 95, 247, 0.24) !important;
}

body.theme-digital-green .cartiume-hero-btn:hover,
body.theme-digital-green .offer-banner-btn:hover,
body.theme-digital-green .btn:hover,
body.theme-digital-green .button:hover,
body.theme-digital-green .add-to-cart-btn:hover,
body.theme-digital-green .buy-now-btn:hover,
body.theme-digital-green .checkout-btn:hover,
body.theme-digital-green .cart-checkout-btn:hover,
body.theme-digital-green .auth-submit:hover,
body.theme-digital-green .oc-msgbox-btn:hover {
    background: linear-gradient(135deg, #0ea5e9 0%, #4338ca 52%, #7c3aed 100%) !important;
}

body.theme-digital-green .cartiume-hero-nav,
body.theme-digital-green .cartiume-hero-dot.is-active,
body.theme-digital-green .swiper-button-next,
body.theme-digital-green .swiper-button-prev {
    background: #5b5ff7 !important;
    color: #ffffff !important;
    border-color: rgba(147, 197, 253, 0.5) !important;
}

body.theme-digital-green .cartiume-hero-dot {
    background: rgba(255, 255, 255, 0.56) !important;
}

body.theme-digital-green .category-entry-card,
body.theme-digital-green .service-card,
body.theme-digital-green .advantage-card,
body.theme-digital-green .product-card,
body.theme-digital-green .product-detail-card,
body.theme-digital-green .cart-panel,
body.theme-digital-green .checkout-panel,
body.theme-digital-green .auth-card,
body.theme-digital-green .contact-card,
body.theme-digital-green .policy-content,
body.theme-digital-green .about-content,
body.theme-digital-green .review-card,
body.theme-digital-green .newsletter-card {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(91, 95, 247, 0.22) !important;
    box-shadow: 0 18px 48px rgba(30, 64, 175, 0.12) !important;
}

body.theme-digital-green .category-entry-card:hover,
body.theme-digital-green .category-entry-card.is-active,
body.theme-digital-green .product-card:hover {
    border-color: rgba(91, 95, 247, 0.58) !important;
    box-shadow: 0 24px 62px rgba(91, 95, 247, 0.18) !important;
}

body.theme-digital-green .product-img-wrap,
body.theme-digital-green .product-image,
body.theme-digital-green .cart-product-col img,
body.theme-digital-green .product-gallery-main,
body.theme-digital-green .product-gallery-thumbs img {
    background: #ffffff !important;
    border-color: rgba(125, 211, 252, 0.28) !important;
}

body.theme-digital-green .price-current,
body.theme-digital-green .current-price,
body.theme-digital-green .product-price,
body.theme-digital-green .total-price,
body.theme-digital-green .summary-total strong {
    color: #2563eb !important;
}

body.theme-digital-green .badge-discount,
body.theme-digital-green .discount-badge {
    background: #050713 !important;
    color: #93c5fd !important;
}

body.theme-digital-green .wishlist-btn,
body.theme-digital-green .wishlist-floating,
body.theme-digital-green .cart-floating,
body.theme-digital-green .floating-action {
    background: #050713 !important;
    color: #ffffff !important;
    border-color: rgba(125, 211, 252, 0.36) !important;
}

body.theme-digital-green .wishlist-btn {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #5b5ff7 !important;
}

body.theme-digital-green .offer-banner,
body.theme-digital-green .new-user-offer {
    background: radial-gradient(circle at 82% 44%, rgba(91, 95, 247, 0.44), transparent 36%), linear-gradient(135deg, #050713 0%, #111827 58%, #25104f 130%) !important;
    color: #ffffff !important;
}

body.theme-digital-green .promo-offer,
body.theme-digital-green .special-promo {
    background: linear-gradient(135deg, #0b1024 0%, #2563eb 52%, #7c3aed 100%) !important;
    color: #ffffff !important;
}

body.theme-digital-green .offer-banner h3,
body.theme-digital-green .offer-banner-title,
body.theme-digital-green .offer-banner-subtitle,
body.theme-digital-green .offer-banner p,
body.theme-digital-green .promo-offer h3,
body.theme-digital-green .promo-offer p {
    color: #ffffff !important;
}

body.theme-digital-green .offer-amount,
body.theme-digital-green .promo-offer .offer-amount {
    color: #93c5fd !important;
}

body.theme-digital-green .offer-label,
body.theme-digital-green .promo-label {
    background: rgba(147, 197, 253, 0.18) !important;
    color: #ffffff !important;
}

body.theme-digital-green .footer-service-item,
body.theme-digital-green .trust-pill,
body.theme-digital-green .service-pill {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(125, 211, 252, 0.3) !important;
    color: #ffffff !important;
}

body.theme-digital-green .footer-service-item i,
body.theme-digital-green .trust-pill i,
body.theme-digital-green .service-pill i,
body.theme-digital-green .service-icon,
body.theme-digital-green .footer i {
    color: #7dd3fc !important;
}

body.theme-digital-green .policy-content,
body.theme-digital-green .about-content {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.theme-digital-green .policy-content h1,
body.theme-digital-green .policy-content h2,
body.theme-digital-green .about-content h1,
body.theme-digital-green .about-content h2,
body.theme-digital-green .section-title,
body.theme-digital-green h1,
body.theme-digital-green h2,
body.theme-digital-green h3 {
    color: var(--heading-color) !important;
}

body.theme-digital-green .site-footer h1,
body.theme-digital-green .site-footer h2,
body.theme-digital-green .site-footer h3,
body.theme-digital-green footer h1,
body.theme-digital-green footer h2,
body.theme-digital-green footer h3 {
    color: #ffffff !important;
}

@media (max-width: 768px) {
    body.theme-digital-green .cartiume-hero-shell {
        border-radius: 0 !important;
    }

    body.theme-digital-green .cartiume-hero-slide::before {
        background: linear-gradient(90deg, rgba(5, 7, 19, 0.9), rgba(5, 7, 19, 0.48)) !important;
    }

    body.theme-digital-green .search-panel {
        background: #ffffff !important;
    }
}

/* Eplayok final full-site theme alignment. */
html,
body.theme-digital-green {
    min-height: 100%;
    background:
        radial-gradient(circle at 8% 20%, rgba(56, 189, 248, 0.22), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(124, 58, 237, 0.18), transparent 32%),
        linear-gradient(135deg, #f8fbff 0%, #eef8ff 42%, #f3efff 100%) !important;
}

body.theme-digital-green .page-aura {
    background:
        radial-gradient(circle at 12% 14%, rgba(56, 189, 248, 0.22), transparent 34%),
        radial-gradient(circle at 86% 16%, rgba(124, 58, 237, 0.16), transparent 34%) !important;
}

body.theme-digital-green .top-banner,
body.theme-digital-green .top-strip {
    background: linear-gradient(90deg, #1d4ed8 0%, #4f46e5 45%, #7c3aed 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.theme-digital-green .top-banner p,
body.theme-digital-green .top-banner strong,
body.theme-digital-green .top-strip p,
body.theme-digital-green .top-strip strong {
    color: #ffffff !important;
}

body.theme-digital-green #header-placeholder {
    background: #070a18 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.theme-digital-green .site-header {
    background: #070a18 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(147, 197, 253, 0.16) !important;
    box-shadow: 0 14px 42px rgba(6, 10, 24, 0.28) !important;
}

body.theme-digital-green .nav-shell,
body.theme-digital-green .nav-row {
    background: transparent !important;
}

body.theme-digital-green .brand-mark,
body.theme-digital-green .brand-mark:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

body.theme-digital-green .brand-logo-text {
    color: #ffffff !important;
}

body.theme-digital-green .brand-sub {
    color: #7dd3fc !important;
}

body.theme-digital-green .main-nav a {
    color: rgba(255, 255, 255, 0.82) !important;
    border-bottom-color: transparent !important;
}

body.theme-digital-green .main-nav a:hover,
body.theme-digital-green .main-nav a.active {
    color: #a5b4fc !important;
    border-bottom-color: #8b5cf6 !important;
}

body.theme-digital-green .icon-btn,
body.theme-digital-green .search-toggle,
body.theme-digital-green .auth-login-btn,
body.theme-digital-green .auth-user-trigger,
body.theme-digital-green .country-selector-trigger,
body.theme-digital-green .category-toggle,
body.theme-digital-green .sort-select {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(147, 197, 253, 0.34) !important;
    box-shadow: none !important;
}

body.theme-digital-green .icon-btn:hover,
body.theme-digital-green .search-toggle:hover,
body.theme-digital-green .auth-login-btn:hover,
body.theme-digital-green .auth-user-trigger:hover,
body.theme-digital-green .country-selector-trigger:hover,
body.theme-digital-green .category-toggle:hover,
body.theme-digital-green .sort-select:hover {
    background: rgba(91, 95, 247, 0.18) !important;
    border-color: rgba(165, 180, 252, 0.75) !important;
}

body.theme-digital-green .search-box.is-open,
body.theme-digital-green .search-box.search-open {
    z-index: 60 !important;
}

body.theme-digital-green .search-input {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(91, 95, 247, 0.3) !important;
}

body.theme-digital-green .search-input::placeholder {
    color: #8a97ad !important;
}

body.theme-digital-green .search-suggest {
    background: #ffffff !important;
    border: 1px solid rgba(91, 95, 247, 0.28) !important;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.18) !important;
}

body.theme-digital-green .cartiume-hero-section {
    margin: 0 !important;
    padding: 0 !important;
    background: #050713 !important;
    border: 0 !important;
}

body.theme-digital-green .cartiume-hero-shell,
body.theme-digital-green .cartiume-hero-track,
body.theme-digital-green .cartiume-hero-slide {
    background: #050713 !important;
}

body.theme-digital-green .cartiume-hero-shell {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid rgba(147, 197, 253, 0.12) !important;
    border-bottom: 1px solid rgba(147, 197, 253, 0.12) !important;
    box-shadow: none !important;
}

body.theme-digital-green .cartiume-hero-slide::before {
    background: linear-gradient(90deg, rgba(5, 7, 19, 0.95) 0%, rgba(5, 7, 19, 0.72) 35%, rgba(20, 24, 58, 0.18) 100%) !important;
}

body.theme-digital-green .cartiume-hero-copy {
    max-width: 520px !important;
}

body.theme-digital-green .cartiume-hero-copy h1 {
    color: #ffffff !important;
    letter-spacing: 0 !important;
}

body.theme-digital-green .cartiume-hero-copy p {
    color: rgba(255, 255, 255, 0.86) !important;
}

body.theme-digital-green .cartiume-hero-eyebrow {
    color: #93c5fd !important;
}

body.theme-digital-green .cartiume-hero-btn,
body.theme-digital-green .add-to-cart-btn,
body.theme-digital-green .btn-primary,
body.theme-digital-green .checkout-btn,
body.theme-digital-green .buy-now-btn {
    background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body.theme-digital-green .category-entry-section,
body.theme-digital-green .offer-banner-section,
body.theme-digital-green .service-section,
body.theme-digital-green .featured-section,
body.theme-digital-green .promo-section,
body.theme-digital-green .advantage-section,
body.theme-digital-green .testimonial-section,
body.theme-digital-green .shop-container,
body.theme-digital-green .product-container,
body.theme-digital-green .cart-container,
body.theme-digital-green .checkout-container,
body.theme-digital-green .policy-page,
body.theme-digital-green .about-page,
body.theme-digital-green .contact-page,
body.theme-digital-green .wishlist-page,
body.theme-digital-green .orders-page {
    background: transparent !important;
}

body.theme-digital-green .home-main::before,
body.theme-digital-green .shop-content::before,
body.theme-digital-green .product-page::before {
    background:
        linear-gradient(90deg, rgba(99, 102, 241, 0.05) 0 1px, transparent 1px 100%),
        linear-gradient(0deg, rgba(99, 102, 241, 0.05) 0 1px, transparent 1px 100%) !important;
}

body.theme-digital-green .category-entry-grid,
body.theme-digital-green .service-grid,
body.theme-digital-green .product-grid,
body.theme-digital-green .advantage-grid,
body.theme-digital-green .testimonial-grid,
body.theme-digital-green .shop-content,
body.theme-digital-green .product-detail-layout,
body.theme-digital-green .cart-layout,
body.theme-digital-green .checkout-layout {
    border-color: rgba(99, 102, 241, 0.18) !important;
}

body.theme-digital-green .category-entry-card,
body.theme-digital-green .service-card,
body.theme-digital-green .advantage-card,
body.theme-digital-green .testimonial-card,
body.theme-digital-green .product-card,
body.theme-digital-green .cart-item,
body.theme-digital-green .summary-card,
body.theme-digital-green .checkout-card,
body.theme-digital-green .order-card,
body.theme-digital-green .contact-card,
body.theme-digital-green .auth-merged-card {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
    box-shadow: 0 18px 42px rgba(30, 64, 175, 0.1) !important;
}

body.theme-digital-green .product-card:hover,
body.theme-digital-green .category-entry-card:hover,
body.theme-digital-green .category-entry-card.is-active {
    border-color: rgba(99, 102, 241, 0.55) !important;
    box-shadow: 0 24px 58px rgba(91, 95, 247, 0.16) !important;
}

body.theme-digital-green .product-img-wrap,
body.theme-digital-green .product-card img,
body.theme-digital-green .product-gallery-main,
body.theme-digital-green .product-gallery-main img,
body.theme-digital-green .product-gallery-thumbs,
body.theme-digital-green .product-gallery-thumbs img {
    background-color: #ffffff !important;
    border-color: rgba(125, 211, 252, 0.26) !important;
}

body.theme-digital-green .badge-discount,
body.theme-digital-green .discount-badge,
body.theme-digital-green .product-badge {
    background: #080b1a !important;
    color: #bfdbfe !important;
}

body.theme-digital-green .price-current,
body.theme-digital-green .current-price,
body.theme-digital-green .product-price,
body.theme-digital-green .cart-total,
body.theme-digital-green .order-total {
    color: #2563eb !important;
}

body.theme-digital-green .old-price,
body.theme-digital-green .price-original,
body.theme-digital-green .original-price {
    color: #8a97ad !important;
}

body.theme-digital-green .offer-banner {
    border: 1px solid rgba(147, 197, 253, 0.2) !important;
}

body.theme-digital-green .new-user-offer,
body.theme-digital-green .offer-banner:first-child {
    background: radial-gradient(circle at 78% 50%, rgba(124, 58, 237, 0.35), transparent 38%), linear-gradient(135deg, #050713 0%, #111827 58%, #25104f 100%) !important;
}

body.theme-digital-green .promo-offer,
body.theme-digital-green .offer-banner:last-child {
    background: radial-gradient(circle at 78% 48%, rgba(125, 211, 252, 0.24), transparent 34%), linear-gradient(135deg, #0f172a 0%, #1d4ed8 48%, #7c3aed 100%) !important;
}

body.theme-digital-green .offer-banner h3,
body.theme-digital-green .offer-banner p,
body.theme-digital-green .offer-banner .offer-title,
body.theme-digital-green .offer-banner .offer-subtitle {
    color: #ffffff !important;
}

body.theme-digital-green .offer-amount {
    color: #93c5fd !important;
}

body.theme-digital-green .site-footer,
body.theme-digital-green footer.site-footer {
    background: linear-gradient(135deg, #050713 0%, #0b1024 52%, #25104f 100%) !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

body.theme-digital-green .site-footer h3,
body.theme-digital-green .site-footer h4,
body.theme-digital-green .site-footer strong {
    color: #ffffff !important;
}

body.theme-digital-green .site-footer .contact-info strong,
body.theme-digital-green .site-footer .footer-links a:hover {
    color: #93c5fd !important;
}

body.theme-digital-green .trust-logo,
body.theme-digital-green .footer-badge,
body.theme-digital-green .footer-trust-item {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(147, 197, 253, 0.22) !important;
    color: #ffffff !important;
}

body.theme-digital-green .trust-logo img,
body.theme-digital-green .footer-badge img {
    filter: hue-rotate(32deg) saturate(1.35) brightness(1.15) !important;
}

body.theme-digital-green .policy-page,
body.theme-digital-green .about-page,
body.theme-digital-green .contact-page {
    padding-top: 64px !important;
    padding-bottom: 88px !important;
}

body.theme-digital-green #policy-content,
body.theme-digital-green #about-content,
body.theme-digital-green .section-copy {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.theme-digital-green #policy-content p,
body.theme-digital-green #about-content p,
body.theme-digital-green .section-copy p,
body.theme-digital-green .policy-rich p,
body.theme-digital-green .policy-rich li {
    color: #5f6b82 !important;
}

body.theme-digital-green .section-title,
body.theme-digital-green .policy-page h1,
body.theme-digital-green .about-page h1,
body.theme-digital-green .contact-page h1 {
    color: #070a18 !important;
}

body.theme-digital-green .wishlist-floating,
body.theme-digital-green .cart-floating {
    background: linear-gradient(135deg, #050713 0%, #151a35 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(147, 197, 253, 0.26) !important;
}

body.theme-digital-green .cart-badge,
body.theme-digital-green .wishlist-badge,
body.theme-digital-green .count-badge {
    background: #6366f1 !important;
    color: #ffffff !important;
}

@media (max-width: 992px) {
    body.theme-digital-green .nav-row {
        gap: 14px !important;
    }

    body.theme-digital-green .nav-actions {
        margin-left: auto !important;
    }

    body.theme-digital-green .search-box {
        position: relative !important;
    }

    body.theme-digital-green .search-box .search-input {
        width: min(430px, calc(100vw - 96px)) !important;
        max-width: calc(100vw - 96px) !important;
    }
}

@media (max-width: 768px) {
    body.theme-digital-green .top-banner,
    body.theme-digital-green .top-strip {
        font-size: 12px !important;
        line-height: 1.4 !important;
        padding: 8px 12px !important;
    }

    body.theme-digital-green .site-header .nav-row {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
    }

    body.theme-digital-green .main-nav {
        grid-column: 1 / -1 !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding-bottom: 2px !important;
    }

    body.theme-digital-green .nav-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body.theme-digital-green .search-box {
        position: relative !important;
        display: grid !important;
        width: 42px !important;
        grid-template-columns: 42px !important;
        justify-content: end !important;
        z-index: 90 !important;
    }

    body.theme-digital-green .search-box.active {
        width: min(430px, calc(100vw - 118px)) !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.theme-digital-green .search-box .search-input {
        position: static !important;
        width: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 80 !important;
    }

    body.theme-digital-green .search-box.active .search-input {
        width: 100% !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        padding: 8px 14px !important;
    }

    body.theme-digital-green .search-box:not(.active) .search-input,
    body.theme-digital-green .search-box:not(.active) .search-suggest {
        display: none !important;
    }

    body.theme-digital-green .search-suggest {
        position: absolute !important;
        left: auto !important;
        right: 0 !important;
        top: calc(100% + 10px) !important;
        width: min(430px, calc(100vw - 32px)) !important;
        max-height: min(320px, 52vh) !important;
        overflow: auto !important;
        z-index: 89 !important;
    }

    body.theme-digital-green .cartiume-hero-section {
        padding-top: 0 !important;
    }

    body.theme-digital-green .cartiume-hero-shell,
    body.theme-digital-green .cartiume-hero-track,
    body.theme-digital-green .cartiume-hero-slide {
        min-height: 620px !important;
    }

    body.theme-digital-green .cartiume-hero-copy {
        max-width: 88vw !important;
    }

    body.theme-digital-green .cartiume-hero-copy h1 {
        font-size: clamp(40px, 10vw, 64px) !important;
        line-height: 1.05 !important;
    }

    body.theme-digital-green .cartiume-hero-bg,
    body.theme-digital-green .cartiume-hero-media img {
        object-position: center right !important;
    }

    body.theme-digital-green .category-entry-grid {
        overflow-x: auto !important;
        display: flex !important;
        scroll-snap-type: x proximity !important;
    }

    body.theme-digital-green .category-entry-card {
        min-width: 160px !important;
        scroll-snap-align: start !important;
    }
}

/* Eplayok final spacing and homepage data polish. */
body.theme-digital-green .home-main {
    padding-top: 0 !important;
}

body.theme-digital-green #header-placeholder + .home-main,
body.theme-digital-green .site-header + .home-main,
body.theme-digital-green header + .home-main {
    margin-top: 0 !important;
}

body.theme-digital-green .home-main > .cartiume-hero-section:first-child,
body.theme-digital-green .home-main > .hero-section:first-child {
    margin-top: 0 !important;
}
/* Eplayok final mobile header/search correction. */
body.theme-digital-green #header-placeholder {
    line-height: normal !important;
}

body.theme-digital-green #header-placeholder::after,
body.theme-digital-green .site-header::after {
    display: none !important;
}

@media (max-width: 768px) {
    body.theme-digital-green .site-header {
        box-shadow: 0 14px 34px rgba(3, 7, 18, 0.36) !important;
    }

    body.theme-digital-green .site-header .nav-row {
        row-gap: 16px !important;
    }

    body.theme-digital-green .search-box.active {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        justify-self: stretch !important;
        width: 100% !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
    }

    body.theme-digital-green .search-box.active .search-input {
        height: 42px !important;
        border-radius: 12px !important;
        border-color: rgba(147, 197, 253, 0.7) !important;
        box-shadow: 0 0 0 3px rgba(91, 95, 247, 0.18) !important;
    }

    body.theme-digital-green .search-box.active .search-suggest {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border-radius: 12px !important;
    }
}

@media (max-width: 420px) {
    body.theme-digital-green .nav-actions {
        gap: 6px !important;
    }

    body.theme-digital-green .search-box.active {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }
}
/* Eplayok final mobile search full-width open state. */
@media (max-width: 768px) {
    body.theme-digital-green #header-placeholder {
        --search-panel-space: 0px;
        padding-bottom: var(--search-panel-space) !important;
        transition: padding-bottom 0.22s ease !important;
    }

    body.theme-digital-green .site-header {
        position: relative !important;
        overflow: visible !important;
    }

    body.theme-digital-green .nav-actions:has(.search-box.active) {
        position: static !important;
        width: auto !important;
    }

    body.theme-digital-green .nav-actions:has(.search-box.active) .search-box.active {
        position: static !important;
        width: 42px !important;
        grid-template-columns: 42px !important;
        gap: 0 !important;
    }

    body.theme-digital-green .nav-actions:has(.search-box.active) .search-box.active .search-input {
        position: absolute !important;
        left: 14px !important;
        right: 14px !important;
        top: calc(100% + 10px) !important;
        width: auto !important;
        height: 46px !important;
        border-radius: 12px !important;
        z-index: 100 !important;
    }

    body.theme-digital-green .nav-actions:has(.search-box.active) .search-box.active .search-suggest {
        position: absolute !important;
        left: 14px !important;
        right: 14px !important;
        top: calc(100% + 64px) !important;
        width: auto !important;
        max-height: min(320px, 48vh) !important;
        z-index: 99 !important;
    }
}

/* Eplayok final full-bleed responsive hero. */
body.theme-digital-green .cartiume-hero-section {
    padding: 0 !important;
    background: #050713 !important;
}

body.theme-digital-green .cartiume-hero-section > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.theme-digital-green .cartiume-hero-shell,
body.theme-digital-green .cartiume-hero-track,
body.theme-digital-green .cartiume-hero-slide {
    width: 100% !important;
    min-height: clamp(620px, 43vw, 700px) !important;
}

body.theme-digital-green .cartiume-hero-shell {
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

body.theme-digital-green .cartiume-hero-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: clamp(56px, 7vw, 112px) max(7vw, calc((100vw - 1320px) / 2)) !important;
}

body.theme-digital-green .cartiume-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
}

body.theme-digital-green .cartiume-hero-slide::before {
    z-index: -1 !important;
    background: linear-gradient(90deg, rgba(3, 5, 16, 0.94) 0%, rgba(3, 5, 16, 0.78) 34%, rgba(3, 5, 16, 0.3) 58%, rgba(3, 5, 16, 0.06) 78%) !important;
}

body.theme-digital-green .cartiume-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    width: min(560px, 46vw) !important;
    max-width: 560px !important;
    margin: 0 !important;
    text-align: left !important;
}

body.theme-digital-green .cartiume-hero-copy h1 {
    font-size: clamp(46px, 5vw, 78px) !important;
    line-height: 1.02 !important;
}

body.theme-digital-green .cartiume-hero-media {
    display: none !important;
}

@media (max-width: 900px) {
    body.theme-digital-green .cartiume-hero-shell,
    body.theme-digital-green .cartiume-hero-track,
    body.theme-digital-green .cartiume-hero-slide {
        min-height: 600px !important;
    }

    body.theme-digital-green .cartiume-hero-slide {
        padding: 64px 7vw !important;
    }

    body.theme-digital-green .cartiume-hero-bg {
        object-position: 64% center !important;
    }

    body.theme-digital-green .cartiume-hero-slide::before {
        background: linear-gradient(90deg, rgba(3, 5, 16, 0.94) 0%, rgba(3, 5, 16, 0.78) 48%, rgba(3, 5, 16, 0.18) 100%) !important;
    }

    body.theme-digital-green .cartiume-hero-copy {
        width: min(500px, 68vw) !important;
    }
}

@media (max-width: 600px) {
    body.theme-digital-green .cartiume-hero-shell,
    body.theme-digital-green .cartiume-hero-track,
    body.theme-digital-green .cartiume-hero-slide {
        min-height: 560px !important;
    }

    body.theme-digital-green .cartiume-hero-slide {
        align-items: flex-end !important;
        padding: 54px 24px 76px !important;
    }

    body.theme-digital-green .cartiume-hero-bg {
        object-position: 67% center !important;
    }

    body.theme-digital-green .cartiume-hero-slide::before {
        background: linear-gradient(0deg, rgba(3, 5, 16, 0.98) 0%, rgba(3, 5, 16, 0.84) 43%, rgba(3, 5, 16, 0.2) 82%) !important;
    }

    body.theme-digital-green .cartiume-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.theme-digital-green .cartiume-hero-copy h1 {
        font-size: clamp(38px, 11vw, 54px) !important;
    }

    body.theme-digital-green .cartiume-hero-copy p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}
/* Eplayok category product carousel. */
body.theme-digital-green .category-entry-swiper {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(99, 102, 241, 0.22);
    /* border-radius: 14px; */
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 42px rgba(30, 64, 175, 0.1);
}

body.theme-digital-green .category-entry-swiper .category-entry-grid {
    display: flex !important;
    width: auto;
    gap: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.theme-digital-green .category-entry-swiper .category-entry-card {
    flex: 0 0 auto !important;
    width: auto;
    height: auto;
    min-height: 210px;
    padding: 18px 14px 16px;
}

body.theme-digital-green .category-entry-swiper .category-entry-img {
    width: 112px;
    height: 112px;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
}

body.theme-digital-green .category-entry-swiper .category-entry-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.theme-digital-green .category-entry-swiper .category-entry-title {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.45;
}

@media (max-width: 575px) {
    body.theme-digital-green .category-entry-swiper .category-entry-card {
        min-height: 190px;
        padding: 14px 10px;
    }

    body.theme-digital-green .category-entry-swiper .category-entry-img {
        width: 96px;
        height: 96px;
    }
}

/* Homepage product wishlist button. */
body.theme-digital-green .home-main .product-card {
    position: relative;
}

body.theme-digital-green .home-main .wishlist-btn-home {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 6 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(91, 95, 247, 0.42) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #5b5ff7 !important;
    box-shadow: 0 10px 24px rgba(30, 64, 175, 0.12) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.theme-digital-green .home-main .wishlist-btn-home i {
    font-size: 20px !important;
    line-height: 1 !important;
    color: currentColor !important;
}

body.theme-digital-green .home-main .wishlist-btn-home:hover,
body.theme-digital-green .home-main .wishlist-btn-home:focus-visible {
    border-color: #7c3aed !important;
    background: #eef2ff !important;
    color: #7c3aed !important;
    transform: translateY(-1px) !important;
}

body.theme-digital-green .home-main .wishlist-btn-home.active {
    border-color: #6366f1 !important;
    background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(99, 102, 241, 0.3) !important;
}

@media (max-width: 575px) {
    body.theme-digital-green .home-main .wishlist-btn-home {
        top: 20px !important;
        right: 20px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
}

/* Promo product module for white-background product photos. */
body.theme-digital-green .home-main .promo-offer .offer-banner-content {
    max-width: 52% !important;
}

body.theme-digital-green .home-main .promo-offer .offer-banner-visual {
    position: absolute !important;
    top: 50% !important;
    right: 24px !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: min(40%, 290px) !important;
    height: 178px !important;
    padding: 14px !important;
    border: 1px solid rgba(165, 180, 252, 0.72) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.2) !important;
    opacity: 1 !important;
    overflow: hidden !important;
}

body.theme-digital-green .home-main .promo-offer .offer-banner-visual img,
body.theme-digital-green .home-main .promo-offer #special-promo-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff !important;
    filter: none !important;
}

@media (max-width: 760px) {
    body.theme-digital-green .home-main .promo-offer {
        min-height: 390px !important;
    }

    body.theme-digital-green .home-main .promo-offer .offer-banner-content {
        max-width: 100% !important;
    }

    body.theme-digital-green .home-main .promo-offer .offer-banner-visual {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        height: 160px !important;
        margin-top: 22px !important;
    }
}

/* Keep every homepage testimonial identity block aligned. */
body.theme-digital-green .home-main .testimonial-head {
    align-items: center !important;
    gap: 14px !important;
}

body.theme-digital-green .home-main .testimonial-head .avatar {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    flex: 0 0 58px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.theme-digital-green .home-main .testimonial-head > div:last-child {
    min-width: 0 !important;
}

@media (max-width: 575px) {
    body.theme-digital-green .home-main .testimonial-head .avatar {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        flex-basis: 50px !important;
        border-radius: 12px !important;
    }
}

/* Unified floating wishlist and cart controls. */
body.theme-digital-green #floating-quick-actions .floating-action-btn {
    background: #050713 !important;
    border: 1px solid rgba(99, 102, 241, 0.72) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.28) !important;
}

body.theme-digital-green #floating-quick-actions .floating-action-btn i {
    color: currentColor !important;
}

body.theme-digital-green #floating-quick-actions .floating-action-btn:hover,
body.theme-digital-green #floating-quick-actions .floating-action-btn:focus-visible {
    background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #8b5cf6 100%) !important;
    border-color: #818cf8 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

body.theme-digital-green #floating-quick-actions .count-badge {
    background: #f1514f !important;
    color: #ffffff !important;
}

body.theme-digital-green .cart-drawer .cart-item {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    border-radius: 10px !important;
}

/* Mobile cart drawer: stable media and content columns. */
@media (max-width: 700px) {
    body.theme-digital-green .cart-body {
        padding: 14px !important;
    }

    body.theme-digital-green .cart-drawer .cart-item {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 108px minmax(0, 1fr) !important;
        gap: 14px !important;
        align-items: start !important;
        margin-bottom: 14px !important;
        padding: 14px 52px 14px 14px !important;
        border: 1px solid rgba(165, 180, 252, 0.48) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        overflow: hidden !important;
    }

    body.theme-digital-green .cart-drawer .cart-item > img {
        width: 108px !important;
        height: 108px !important;
        object-fit: contain !important;
        align-self: start !important;
    }

    body.theme-digital-green .cart-drawer .cart-item > div {
        min-width: 0 !important;
    }

    body.theme-digital-green .cart-drawer .cart-item h4 {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        padding-right: 14px !important;
        margin: 0 0 8px !important;
        line-height: 1.35 !important;
    }

    body.theme-digital-green .cart-drawer .cart-item-size {
        margin-bottom: 10px !important;
        overflow-wrap: anywhere !important;
    }

    body.theme-digital-green .cart-drawer .cart-item-line {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    body.theme-digital-green .cart-drawer .cart-item-line p {
        font-size: 1.05rem !important;
        line-height: 1.2 !important;
    }

    body.theme-digital-green .cart-drawer .cart-qty-control {
        width: 100% !important;
        max-width: none !important;
        margin-top: 0 !important;
    }

    body.theme-digital-green .cart-drawer .cart-remove-btn-lg {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }
}

@media (max-width: 420px) {
    body.theme-digital-green .cart-drawer .cart-item {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 12px 46px 12px 12px !important;
    }

    body.theme-digital-green .cart-drawer .cart-item > img {
        width: 88px !important;
        height: 88px !important;
    }
}