.home-sections { padding: 0; max-width: 1200px; margin: auto; }
.category-description {margin-top: 50px; margin-bottom: 70px;}
.woocommerce-cart-form .shop_table .variation { margin: 0 0 5px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.woocommerce-cart-form .shop_table .variation dt,.woocommerce-cart-form .shop_table .variation dd { width: 50%; font-size: 18px; font-weight: 500; }
form.cart .wscsd_date_picker label { display: inline-block; margin-right: 15px; text-transform: uppercase; line-height: normal; font-size: 12px; }
.woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-noreviews{padding-left:55px;}
.shop_table .product-price del .amount { text-decoration: line-through; }

.slide-content {
    margin-top: 40px; /* increase this number to move it further down */
}

/* Move slide content down under Shopping Bag line on mobile */
@media only screen and (max-width: 768px) {
    .slide-content {
        margin-top: 150px;  /* increase/decrease this until it looks right */
    }
}

@media only screen and (min-width: 769px) {
    .cart-head {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 768px) {
    .cart-head {
        font-size: 15px !important; /* change to your preferred size */
    }
}


/* ----- Make Shopping Bag + Checkout visible on phones ----- */

/* 1) Ensure the nav wrapper containing the cart is visible on mobile */
@media only screen and (max-width: 768px) {
    .secondary-nav,
    .nav-secondary,
    .nav-secondary .cart-head {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ----- Remove logo from header on mobile ----- */
@media only screen and (max-width: 768px) {
    .imglogo {
        display: none !important;
    }
}

	/* ----- msker header smaller on phones ----- */
	@media only screen and (max-width: 400px) {
    .cg-header,
    .header-main,
    header {
        height: 40px !important;
        line-height: 40px !important;
    }
}

/* Mobile: make Shopping Bag + Checkout bar fixed under the header */
@media only screen and (max-width: 400px) {

    .secondary-nav {
        position: fixed !important;
        top: 60px;              /* adjust if your header is taller/shorter */
        left: 0;
        right: 0;
        z-index: 9999;
        background: #3c2203;
        padding: 6px 12px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    }

    /* Add top padding so content doesn't hide behind the fixed bar */
    body {
        padding-top: 100px;     /* header height (≈50) + bar height (≈60) */
    }
}