.pf-shop-hero{padding:55px 0;background:linear-gradient(135deg,#fffaf5,#fff);overflow:hidden}

.pf-shop-hero-wrap{display:grid;grid-template-columns:1fr 620px;align-items:center;gap:60px}

.pf-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;color:#777}

.pf-breadcrumb a{color:#666;transition:.3s}

.pf-breadcrumb a:hover,.pf-shop-tag,.pf-shop-content h1 span{color:var(--primary)}

.pf-shop-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;background:#fff3e8;border-radius:30px;font-size:13px;font-weight:700}

.pf-shop-content h1{margin:0 0 18px;font-size:58px;font-weight:800;line-height:1.1;color:var(--dark)}

.pf-shop-content p{max-width:520px;margin-bottom:32px;font-size:17px;line-height:1.8;color:#666}

.pf-shop-features{display:flex;flex-wrap:wrap;gap:18px}

.pf-shop-features div{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);font-size:15px;font-weight:600}

.pf-shop-features i{color:var(--primary)}

.pf-shop-banner{position:relative}

.pf-shop-banner img{width:100%;border-radius:28px;box-shadow:0 30px 60px rgba(0,0,0,.12)}

.pf-shop-count{position:absolute;right:-20px;bottom:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:170px;background:#fff;border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.12)}

.pf-shop-count strong{font-size:52px;font-weight:800;color:var(--dark);line-height:1}

.pf-shop-count span{margin-top:10px;font-size:15px;font-weight:600;color:#666;text-align:center}

@media(max-width:1200px){

.pf-shop-hero-wrap{grid-template-columns:1fr 500px;gap:40px}

.pf-shop-content h1{font-size:48px}

.pf-shop-count{width:145px;height:145px;right:-10px}

.pf-shop-count strong{font-size:42px}

}

@media(max-width:992px){

.pf-shop-hero{padding:45px 0}

.pf-shop-hero-wrap{grid-template-columns:1fr;gap:35px;text-align:center}

.pf-shop-content p{margin:0 auto 28px}

.pf-breadcrumb,.pf-shop-features{justify-content:center}

.pf-shop-count{right:20px;bottom:20px}

}

@media(max-width:576px){

.pf-shop-hero{padding:35px 0}

.pf-shop-content h1{font-size:36px}

.pf-shop-content p{font-size:15px}

.pf-shop-features{gap:12px}

.pf-shop-features div{width:100%;justify-content:center;padding:12px 15px}

.pf-shop-count{position:static;width:140px;height:140px;margin:20px auto 0}

.pf-shop-count strong{font-size:40px}

}