/*
Theme Name: ZF Fashion Store
Theme URI: https://hostrare.com/
Author: Host Rare
Description: Clean responsive WooCommerce fashion theme inspired by modern Bangladeshi fashion storefront layouts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: zf-fashion
*/
:root{--black:#111;--muted:#777;--line:#e9e9e9;--soft:#f7f7f7;--accent:#c79b63;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--black);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{background:#111;color:#fff;text-align:center;padding:9px 15px;font-size:12px;letter-spacing:.4px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:99}.header-row{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.brand{font-size:29px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.brand img{max-height:55px;width:auto}.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}.nav a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.header-actions{justify-self:end;display:flex;gap:16px;align-items:center}.header-actions a{font-size:13px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:560px;background:#eee center/cover no-repeat;display:flex;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.05))}.hero-content{position:relative;color:#fff;max-width:560px;padding:70px 0}.hero h1{font-size:54px;line-height:1.02;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.hero p{font-size:17px;line-height:1.6}.btn{display:inline-block;background:#111;color:#fff;padding:14px 26px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1px;border:1px solid #111}.btn.light{background:#fff;color:#111;border-color:#fff}.section{padding:66px 0}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-size:28px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.section-title p{color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{position:relative;overflow:hidden;background:#eee;aspect-ratio:4/5}.category-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.category-card:hover img{transform:scale(1.04)}.category-label{position:absolute;left:20px;right:20px;bottom:20px;background:#fff;padding:16px;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:1px}.product-grid,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px;margin:0!important}.product-card,.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}.product-thumb{aspect-ratio:3/4;background:#f3f3f3;overflow:hidden;position:relative}.product-thumb img,.woocommerce ul.products li.product a img{width:100%;aspect-ratio:3/4;object-fit:cover;margin:0 0 14px!important}.product-meta{padding-top:14px}.product-meta h3,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;margin:0 0 8px!important;padding:0!important}.price,.woocommerce ul.products li.product .price{font-size:14px!important;color:#111!important;font-weight:700!important}.woocommerce span.onsale{background:#111!important;border-radius:0!important;min-height:auto!important;min-width:auto!important;line-height:1!important;padding:8px 10px!important}.promo{background:#f4eee8;padding:70px 0}.promo-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.promo-copy h2{font-size:40px;text-transform:uppercase;margin:0 0 16px}.features{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{padding:30px 20px;text-align:center;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.feature strong{display:block;font-size:13px;text-transform:uppercase;margin-bottom:6px}.feature span{font-size:12px;color:#777}.site-footer{background:#111;color:#ddd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:45px}.site-footer h4{color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:1px}.site-footer ul{list-style:none;padding:0;line-height:2}.site-footer p,.site-footer li{font-size:13px;color:#aaa}.copyright{border-top:1px solid #292929;margin-top:35px;padding-top:20px;font-size:12px;color:#888}.page-main{padding:50px 0;min-height:500px}.entry-title{font-size:34px}.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border-radius:0!important;background:#111!important;color:#fff!important}.woocommerce div.product .product_title{font-size:32px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#111!important}.woocommerce-message,.woocommerce-info{border-top-color:#111!important}.woocommerce-message::before,.woocommerce-info::before{color:#111!important}
@media(max-width:900px){.header-row{grid-template-columns:auto 1fr auto}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:20px}.nav.open{display:block}.nav ul{display:block}.nav li{padding:10px 0}.brand{font-size:22px}.hero{min-height:460px}.hero h1{font-size:39px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}.promo-inner{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(100% - 22px,var(--max))}.header-actions .account-link{display:none}.hero{min-height:410px}.hero h1{font-size:32px}.section{padding:45px 0}.category-grid{gap:12px}.category-label{left:10px;right:10px;bottom:10px;padding:11px;font-size:11px}.product-grid,.woocommerce ul.products{gap:13px}.feature-grid,.footer-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}}
