/*
Theme Name: Natural Life Wear
Theme URI: https://naturallifewear.store/
Author: Natural Life Wear
Description: English wellness apparel WooCommerce storefront with Chinese admin setup and one-click starter content.
Version: 5.0.0
Text Domain: natural-life-wear
*/
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2d24;background:#fff}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e7ece8}.wrap{max-width:1180px;margin:auto;padding:0 22px}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px}.brand{font-size:24px;font-weight:800;letter-spacing:.04em}.brand span{color:#4f765d}.menu{display:flex;gap:26px;align-items:center}.hero{background:linear-gradient(120deg,#edf5ee,#faf8ef);padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#54715c}.hero h1{font-size:58px;line-height:1.02;margin:12px 0 18px}.hero p{font-size:18px;line-height:1.7;max-width:650px;color:#506057}.btn{display:inline-block;background:#254b34;color:white;padding:14px 22px;border-radius:4px;font-weight:700;margin-right:10px}.btn.alt{background:white;color:#254b34;border:1px solid #254b34}.hero-card{background:#fff;padding:28px;border-radius:18px;box-shadow:0 20px 60px #203c2b18}.hero-card img{width:100%;border-radius:12px}.section{padding:72px 0}.section h2{font-size:38px;margin:0 0 12px}.lead{color:#647168;max-width:720px;line-height:1.7}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px}.product-card{border:1px solid #e5e9e6;background:#fff;padding:14px;border-radius:10px}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px}.product-card h3{font-size:17px}.trust{background:#244b34;color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trust h3{margin-bottom:6px}.site-footer{background:#14251b;color:#e7eee9;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-links{display:grid;gap:9px}.legal{border-top:1px solid #ffffff22;margin-top:32px;padding-top:18px;font-size:13px;color:#b7c4bb}.page-main{max-width:900px;margin:50px auto;padding:0 22px;line-height:1.75}.woocommerce .site-main,.woocommerce-page .site-main{max-width:1180px;margin:40px auto;padding:0 22px}@media(max-width:800px){.menu{gap:12px;font-size:13px}.hero-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.products{grid-template-columns:repeat(2,1fr)}}

/* V4 storefront hardening */
html{scroll-padding-top:90px}
body.admin-bar .site-header{top:32px}
.woocommerce-page .site-main,.woocommerce .site-main{overflow:visible}
.woocommerce ul.products,.woocommerce-page ul.products,.single-product .related ul.products,.single-product .upsells ul.products{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;width:100%!important;clear:both!important;
}
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.single-product .related ul.products li.product{
 width:100%!important;max-width:none!important;float:none!important;margin:0!important;box-sizing:border-box!important;
 border:1px solid #e2e8e3;border-radius:12px;padding:14px!important;background:#fff;display:flex!important;flex-direction:column!important;min-width:0!important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block!important;width:100%!important}
.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img,.single-product .related ul.products li.product a img{
 display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#f7f9f7!important;border-radius:9px!important;margin:0 0 16px!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;line-height:1.35!important;min-height:46px!important;margin:0 0 8px!important;padding:0!important;overflow-wrap:normal!important;word-break:normal!important}
.woocommerce ul.products li.product .price{display:block!important;font-size:16px!important;line-height:1.4!important;margin:0 0 14px!important}
.woocommerce ul.products li.product .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:100%!important;min-width:132px!important;white-space:nowrap!important;margin-top:auto!important;padding:12px 16px!important}
.single-product .related.products,.single-product .upsells.products{grid-column:1/-1!important;width:100%!important;max-width:100%!important;clear:both!important;margin-top:40px!important}
.single-product .related.products>h2,.single-product .upsells.products>h2{font-size:28px!important;margin:0 0 24px!important}
.single-product div.product .woocommerce-tabs{margin-bottom:10px!important}
.single-product div.product .woocommerce-tabs .panel{width:100%!important;max-width:none!important}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:900px){.woocommerce ul.products,.woocommerce-page ul.products,.single-product .related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.woocommerce ul.products,.woocommerce-page ul.products,.single-product .related ul.products{grid-template-columns:1fr!important}}


/* V5 — independent WooCommerce grids. Do not let WooCommerce floats/flex widths collapse cards. */
body.woocommerce .site-main, body.woocommerce-page .site-main{width:100%;max-width:none;margin:0;padding:0;overflow:visible}
body.woocommerce .page-main, body.woocommerce-page .page-main{width:min(1180px,calc(100% - 44px));max-width:1180px;margin:42px auto;padding:0;box-sizing:border-box}

/* Archive/shop */
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body.woocommerce-shop ul.products{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;
 width:100%!important;margin:28px 0 0!important;padding:0!important;float:none!important;clear:both!important;
}
/* Related/upsells are their own block below tabs */
.single-product .related.products,.single-product .upsells.products{
 display:block!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;
 margin:56px 0 0!important;padding:0!important;overflow:visible!important;
}
.single-product .related.products>h2,.single-product .upsells.products>h2{
 display:block!important;width:100%!important;float:none!important;font-size:28px!important;line-height:1.2!important;margin:0 0 22px!important;
}
.single-product .related.products ul.products,.single-product .upsells.products ul.products{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;
 width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;clear:both!important;
}
/* Cards — intentionally high specificity to beat WooCommerce column rules */
body.woocommerce ul.products li.product,body.woocommerce-page ul.products li.product,
.single-product .related.products ul.products li.product,.single-product .upsells.products ul.products li.product{
 position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;
 float:none!important;clear:none!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;
 border:1px solid #e2e8e3!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.single-product .related.products li.product a.woocommerce-LoopProduct-link{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
body.woocommerce ul.products li.product a img,.single-product .related.products ul.products li.product a img{
 display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;
 margin:0 0 15px!important;padding:0!important;border-radius:9px!important;background:#f7f9f7!important;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,.single-product .related.products li.product .woocommerce-loop-product__title{
 display:block!important;width:100%!important;min-height:46px!important;margin:0 0 8px!important;padding:0!important;
 font-size:17px!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
}
body.woocommerce ul.products li.product .price,.single-product .related.products li.product .price{
 display:block!important;width:100%!important;min-height:23px!important;margin:0 0 14px!important;font-size:16px!important;line-height:1.4!important;color:#8a7600!important;
}
body.woocommerce ul.products li.product .button,.single-product .related.products li.product .button{
 display:flex!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
 margin:auto 0 0!important;padding:12px 10px!important;white-space:normal!important;text-align:center!important;line-height:1.2!important;
}
.single-product div.product{display:block!important;width:100%!important;max-width:100%!important}
.single-product div.product .woocommerce-tabs{display:block!important;width:100%!important;clear:both!important;margin-top:44px!important}
.single-product div.product .woocommerce-tabs .panel{display:block!important;width:100%!important;max-width:100%!important;float:none!important}
@media(max-width:900px){body.woocommerce ul.products,.single-product .related.products ul.products,.single-product .upsells.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.woocommerce ul.products,.single-product .related.products ul.products,.single-product .upsells.products ul.products{grid-template-columns:1fr!important}}