.elementor-200 .elementor-element.elementor-element-c198d88{--display:flex;}.elementor-200 .elementor-element.elementor-element-63c362a{--display:flex;}.elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-menu-toggle{margin:0 auto;}.elementor-200 .elementor-element.elementor-element-2016816{--display:flex;}.elementor-200 .elementor-element.elementor-element-92fb8ce.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-200 .elementor-element.elementor-element-92fb8ce.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-200 .elementor-element.elementor-element-92fb8ce.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-92fb8ce.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for nav-menu, class: .elementor-element-f8ccc0f *//* --- DBAM ELEMENTOR MENU: CENTERED & BRUTAL --- */

/* 1. CENTER THE CONTAINER */
.elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-nav-menu--main {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.elementor-200 .elementor-element.elementor-element-f8ccc0f ul.elementor-nav-menu {
    justify-content: center !important;
}

/* 2. THE MAIN LINKS */
.elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-item {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #000 !important;
    background: #fff !important;
    border: 4px solid #000 !important;
    padding: 12px 20px !important;
    margin: 5px 10px !important; /* Added vertical margin for breathing room */
    box-shadow: 6px 6px 0px #000 !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
}

/* 3. THE HOVER STATE */
.elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-item:hover {
    background: #00E5FF !important; /* Cyan pop */
    box-shadow: 10px 10px 0px #FF4500 !important; /* Orange shadow */
    transform: translate(-3px, -3px) !important;
    color: #000 !important;
}

/* 4. THE ACTIVE PAGE (Yellow Highlight) */
.elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-item.elementor-item-active {
    background: #FFD700 !important;
    box-shadow: 6px 6px 0px #000 !important;
    color: #000 !important;
}

/* 5. FIX FOR ELEMENTOR'S DEFAULT LINE UNDERNEATH */
.elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-item:after {
    display: none !important;
}

/* 6. MOBILE FIX: ENSURE STACKED MENU IS CENTERED TOO */
@media (max-width: 768px) {
    .elementor-200 .elementor-element.elementor-element-f8ccc0f .elementor-nav-menu--main {
        flex-direction: column !important;
        align-items: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-92fb8ce *//* --- DBAM WOOCOMMERCE MASTER GRID: THE DEFINITIVE FIX --- */

/* 1. DESKTOP & GENERAL STYLING */
.woocommerce ul.products li.product {
    background: #fff !important;
    border: 5px solid #000 !important;
    padding: 20px !important;
    box-shadow: 10px 10px 0px #000 !important;
    transition: all 0.2s ease-in-out !important;
    margin-bottom: 40px !important;
    list-style: none !important;
}

.woocommerce ul.products li.product:hover {
    transform: translate(-5px, -5px) !important;
    box-shadow: 15px 15px 0px #00E5FF !important;
}

/* 2. IMAGES, TITLES, PRICES */
.woocommerce ul.products li.product img {
    border: 4px solid #000 !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    height: auto !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #000 !important;
    font-size: 1.3rem !important;
    padding: 10px 0 !important;
}

.woocommerce ul.products li.product .price {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    color: #e91e63 !important;
    font-size: 1.5rem !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* 3. BUTTONS */
.woocommerce ul.products li.product .button {
    background-color: #FFD700 !important;
    color: #000 !important;
    border: 4px solid #000 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow: 4px 4px 0px #000 !important;
    padding: 15px 20px !important;
    display: block !important;
    text-align: center !important;
}

/* 4. CLEANUP (Hide junk) */
.woocommerce-ordering, 
.woocommerce-result-count,
.star-rating,
.woocommerce-pagination .next,
.woocommerce-pagination .prev {
    display: none !important;
}

/* 5. THE NUCLEAR MOBILE FIX: 1 COLUMN ONLY */
@media (max-width: 768px) {
    /* Force the list to stop acting like a grid */
    .woocommerce ul.products, 
    .woocommerce-page ul.products {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Force every single product li to 100% width */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce-page.columns-1 ul.products li.product,
    .woocommerce-page.columns-2 ul.products li.product,
    .woocommerce-page.columns-3 ul.products li.product,
    .woocommerce-page.columns-4 ul.products li.product,
    .woocommerce ul.products[class*="columns-"] li.product {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
        float: none !important; /* Kills the columns */
        display: block !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* Adjust font size for mobile so it fits the screen width */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 1.5rem !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* --- DBAM SHOP: FULL PAGE DNA --- */

/* 1. THE FULL PAGE DOTS */
body, #main, .site-content {
    background-color: #ffffff !important;
    background-image: radial-gradient(#ccc 1.5px, transparent 1.5px) !important;
    background-size: 30px 30px !important;
}

/* 2. HERO SECTION - Clean & Transparent */
.hero-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 120px 8% !important;
    background: transparent !important;
    border-bottom: 10px solid #000 !important;
}

.impact-text {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    line-height: 0.85 !important;
    font-size: clamp(60px, 10vw, 130px) !important;
    color: #000 !important;
    text-transform: uppercase !important;
    text-shadow: 10px 10px 0px #00E5FF !important;
    margin-bottom: 25px !important;
}

.hero-subtitle {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #000 !important;
    background: #FFD700 !important;
    padding: 10px 15px !important;
    display: inline-block !important;
    border: 3px solid #000 !important;
    transform: rotate(-1.5deg);
    line-height: 1.3 !important;
}

/* 3. WARNING STRIP */
.warning-strip {
    background: #000;
    color: #FFD700;
    padding: 20px 0;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 8px solid #000;
    border-top: 8px solid #000;
    transform: rotate(-1deg);
    width: 110%;
    margin-left: -5%;
}

.scrolling-text {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    animation: scroll 30s linear infinite;
    text-transform: uppercase;
}

@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* 4. PRODUCT WIDGET INTEGRATION */
.woocommerce ul.products li.product {
    background: #fff !important;
    border: 8px solid #000 !important;
    box-shadow: 12px 12px 0px #000 !important;
    padding: 20px !important;
    transition: all 0.2s ease !important;
}

.woocommerce ul.products li.product:hover {
    transform: scale(1.03) !important;
    box-shadow: 20px 20px 0px #FF4500 !important;
}

.woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.price { font-weight: 900 !important; color: #000 !important; }

/* Mobile Tweak */
@media (max-width: 768px) {
    .warning-strip { transform: rotate(0deg); width: 100%; margin-left: 0; }
}/* End custom CSS */