<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#frequently_bought_together_form {display: inline-block;margin-bottom: 30px;margin-top: 30px;width: 100%;}
.frequently_bought_together_products {display: inline-block;max-width: 485px;width: 100%;float:left;}
div.frequently_bought_product {display: inline-block;float: left;width:120px;max-width:120px;text-align: center;}
div.frequently_bought_product div {font-size:14px;text-align: left;}
div.frequently_bought_products {float: left;font-size: 25px;padding:25px 15px 0 0;}
.frequently_bought_add_to_cart {float: left; margin-left:30px;margin-top:15px;text-align: center;}
.frequently_bought_product_price {border-top: 1px solid #ccc;margin-top: 5px;padding-top: 2px;}
.frequently_bought_product_title a {border-bottom: 0 none;}

@media screen and (max-width: 600px) {
	.frequently_bought_together_products {max-width:100%;}
	div.frequently_bought_products {padding: 0; margin:0 auto;}
	div.frequently_bought_product {max-width: 100%; width:auto; margin:0 auto;}
	.frequently_bought_add_to_cart {display: inline;float: left;margin-left: 0;text-align: center;width: 100%;}
}
</pre></body></html>