/*
Theme Name: Crissp Wellness
Description: A custom hybrid WooCommerce storefront for affiliate and direct products.
Version: 1.0.0
Text Domain: crissp
*/

.content-shell{max-width:1280px;margin:auto;padding:45px 5%;min-height:55vh}.logo{font-size:23px;letter-spacing:-1px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#eeeee5;padding:18px}.woocommerce ul.products li.product img{aspect-ratio:1;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'DM Sans',sans-serif;font-size:16px;letter-spacing:0}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#243e35;color:white;border-radius:0;padding:13px 17px;font-weight:500}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#3d594b;color:white}.woocommerce ul.products li.product .price{color:#52644b}.woocommerce div.product p.price{color:#243e35}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #bbb;background:#fff}.woocommerce div.product .product_title{font-size:48px}.woocommerce .woocommerce-breadcrumb{margin-bottom:30px}.woocommerce ul.products li.product-category{background:transparent;border:1px solid #dedfd5}.product-category img{display:none!important}.hero-copy h1{font-size:clamp(48px,5vw,76px)}@media(max-width:600px){.logo{font-size:17px}.content-shell{padding:30px 5%}.woocommerce ul.products li.product{padding:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}}
/* Responsive commerce layout: override WooCommerce shortcode floats. */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto!important;margin:0!important;min-width:0;overflow-wrap:anywhere}
.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.woocommerce ul.products li.product a.button{display:block;line-height:1.5;text-align:center;min-height:44px}
img{max-width:100%;height:auto}
@media(max-width:850px){
 header{flex-wrap:wrap;gap:16px}
 header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}
 header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
 header .saved-link{display:inline-flex;align-items:center;min-height:44px}
 .woocommerce ul.products,.woocommerce ul.products.columns-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .woocommerce ul.products li.product-category:last-child:nth-child(odd){grid-column:1/-1}
 .woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none;max-width:100%}
 .woocommerce .woocommerce-ordering select{max-width:100%;padding:10px}
 .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{font-size:16px;min-height:44px;max-width:100%}
 .woocommerce table.shop_table{overflow-wrap:anywhere}
 .woocommerce .quantity .qty{min-height:44px}
 .woocommerce div.product .product_title{font-size:36px}
}
@media(max-width:360px){.woocommerce ul.products{grid-template-columns:minmax(0,1fr)}.hero-copy h1{font-size:44px}}