/**
 * Gift Landing Page - Image Stack Styles
 */

/* 1. Global Page Reset */
.tax-product_cat-gift .site-content { padding-top: 0 !important; }
.tax-product_cat-gift .content-area { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
.tax-product_cat-gift .site-main { padding: 0 !important; margin: 0 !important; }


img {
    border-radius: 0px !important;
}


/* 2. Container (Strict 1066px) */
.gift-stack-container {
    max-width: 1066px;
    margin: 0 auto;
    background-color: #fff;
    line-height: 0; /* Removes microscopic gaps between images */
	margin-bottom: 167px;
}

/* 3. Image Styling */
.gift-step {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.gift-step picture img {
    width: 100%;
    height: auto;
    display: block; /* Removes bottom whitespace */
    border: 0;
}

/* 4. Dynamic Product Section (If inserted) */
.gift-dynamic-products {
    line-height: normal; /* Restore text line height for products */
    padding: 40px 20px;
    max-width: 1066px;
    margin: 0 auto;
}

/* 5. Hide Storefront Defaults */
.tax-product_cat-gift .woocommerce-products-header,
.tax-product_cat-gift .storefront-sorting,
.tax-product_cat-gift .woocommerce-pagination,
.tax-product_cat-gift .storefront-breadcrumb {
    display: none !important;
}

/* 6. Responsive Adjustments for Dynamic Products */
@media (max-width: 550px) {
    .gift-dynamic-products ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}





/* Target the body class to ensure your CSS is stronger than the theme */
body.tax-product_cat-gift .col-full {
    max-width: 1066px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
}

/* Remove all side margins on Mobile */
@media (max-width: 767px) {
    body.tax-product_cat-gift .col-full {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Fix the site content container gaps */
body.tax-product_cat-gift .site-content {
    padding: 0 !important;
}









/* Container for the No.1 Button */
.ranking-no1-footer {
    text-align: center;
    background: #fff;
    padding-bottom: 60px; /* Space before No 2-5 starts */
}

/* The Grid for No 2 - No 5 */
.ranking-grid-2to5 {
    display: flex;
    justify-content: center;
    gap: 22px; /* Gap between columns */
    padding: 0 20px 80px 20px;
    background: #fff;
    max-width: 1066px;
    margin: 0 auto;
}

/* Individual Item in the Grid */
.ranking-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Crown and Product Images */
.ranking-item .crown-img {
    width: 100%;
    max-width: 427px;
    height: auto;
}
.ranking-item .prod-img {
    width: 100%;
    height: auto;
}

/* The "About" Button Image Styling */
.about-btn {
    max-width: 238px !important; /* Strict width from Figma */
    width: 100%;
    height: auto;
    margin-top: 25px !important; /* Gap between image and button */
    display: inline-block;
}

/* Responsive for Mobile (SP) */
@media (max-width: 550px) {
    .ranking-grid-2to5 {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2x2 grid on mobile */
        gap: 16px;
        padding-bottom: 30px;
    }
    .about-btn {
        margin-top: 15px !important;
    }
	
	   .about-btn {
        margin-top: 16px !important;
    }
	
	
	
	
	.gift-all-products-grid {
 
    padding: 0px 20px 18px;

}
	
	.gift-stack-container {
 
    margin-bottom: 105px;
}
	
	.kic-footer__copyright {

    font-size: 0.75rem;
    color: #ffffff;
    position: relative;
    top: -61px;
}
	
}