<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Accessories tab CSS */

	.cross-sells-row {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 1rem;
	}

     .cross-sell-product {
        display: flex;
        flex-direction: column;
        justify-content: space-between; /* This will align items to top and bottom */
        width: calc(20.665% - 1rem); /* four items per row give or take (20%) */
        margin: 1rem; /* This gives a little space between items */
        box-sizing: border-box;
    }

	/* Quick View Rules */
	/* Two items per row */
	div.wc-quick-view-product-tabs div#tab-wpt-32022 
	div.woocommerce-cross-sells div.cross-sell-product{
		width: calc(40% - 1rem);
	}

	/* Quick View Rules */

    /* mobile rules */
	/* 1 per row */
    @media screen and (max-width: 760px) {
        .cross-sell-product {
            width: calc(66.666% - 1rem) !important;
        }
    }

	@media screen and (max-width: 1274px) {
		
	}

    /* mobile rules */

	.cross-sell-product img {
	    max-width: 150px;
	    height: 150px;
		object-fit: contain;
		margin-bottom: 1rem;
        margin-top: auto;
	}

	.cross-sell-product 

    .prodNameContainer {
        height: 3rem; 
        display: flex;
        align-items: flex-start; 
        margin-bottom: 0.5rem; 
    }

	.cross-sell-content-container {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between; /* Aligns items to top and bottom within the container */
	    height: 100%; /* Ensures that the container fills the parent height */
	}


	.cross-sell-btn {
	    margin-top: auto;
		margin-bottom: 1rem;
	    font-size: 20px;
	    font-weight: bold;
	    padding: 12px 12px;
	    background-color: #006ba0;
	    color: #fff;
	    border: none;
	    border-radius: 5px;
	    cursor: pointer;
	    text-align: center;
	    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	    width: 100%; /* Makes the button extend full width of the container */
	}

  .cross-sell-btn:hover {
    color: #fff;
    opacity: 0.7;
  }


/* END Accessories tab CSS */</pre></body></html>