/*
Theme Name: BeautyFindz Product Theme
Theme URI: https://beautyfindz.com
Author: BeautyFindz
Description: Product-driven affiliate theme for BeautyFindz with dynamic ACF star ratings, CPT UI Products, product categories, and collections.
Version: 1.1
License: GPLv2 or later
Text Domain: beautyfindz
*/

:root{
  --pink:#d95880;
  --pink-dark:#b93a62;
  --pink-soft:#fde8ef;
  --cream:#fff8fa;
  --text:#1f1f1f;
  --muted:#686868;
  --line:#eee1e6;
  --gold:#bf8b39;
  --green:#137c4b;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}
a{text-decoration:none;color:inherit}
.container{width:min(1240px,92%);margin:0 auto}
.bf-top{background:#111;color:#fff;text-align:center;padding:9px 12px;font-size:13px}
.bf-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.bf-header-inner{display:grid;grid-template-columns:230px 1fr 190px;align-items:center;gap:24px;padding:20px 0}
.bf-logo{font-size:30px;font-weight:900;letter-spacing:-1px}
.bf-logo span{font-family:Georgia,serif;font-style:italic;color:var(--pink);font-weight:400}
.bf-nav{display:flex;gap:22px;justify-content:center;font-size:12px;font-weight:900;text-transform:uppercase;flex-wrap:wrap}
.bf-nav a:hover{color:var(--pink)}
.bf-search input{width:100%;border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fafafa}

.bf-hero{background:linear-gradient(90deg,#fff,#fff2f6);border-bottom:1px solid var(--line)}
.bf-hero-inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center;padding:50px 0}
.bf-hero h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0 0 14px}
.bf-hero p{font-size:18px;color:var(--muted);max-width:560px;margin:0 0 24px}
.bf-hero-art{min-height:360px;border-radius:24px;background:
radial-gradient(circle at 25% 70%,#edb0c1 0 11%,transparent 12%),
radial-gradient(circle at 50% 38%,#e6a2b8 0 13%,transparent 14%),
radial-gradient(circle at 72% 64%,#f4c9d5 0 12%,transparent 13%),
linear-gradient(135deg,#ffe5ed,#fff,#f6cfdb);
box-shadow:0 18px 44px rgba(90,35,55,.12);display:flex;align-items:center;justify-content:center;color:#a23558;font-size:28px;font-weight:900;text-align:center}
.bf-btn{display:inline-block;background:var(--pink);color:#fff;padding:12px 19px;border-radius:6px;font-size:12px;font-weight:900;text-transform:uppercase;border:0;cursor:pointer}
.bf-btn:hover{background:var(--pink-dark)}
.bf-btn.alt{background:#fff;color:var(--pink);border:1px solid var(--pink);margin-left:8px}

.bf-quick{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding:26px 0}
.bf-quick a{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px 10px;text-align:center;font-size:12px;font-weight:900;text-transform:uppercase}
.bf-quick span{display:block;font-size:26px;margin-bottom:8px}

.bf-section{padding:38px 0}
.bf-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:18px}
.bf-section h2{font-family:Georgia,serif;font-size:32px;margin:0}
.bf-section p.sub{color:var(--muted);margin:3px 0 0}
.bf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bf-grid-3{grid-template-columns:repeat(3,1fr)}
.bf-product{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;position:relative}
.bf-product-img{height:210px;background:linear-gradient(135deg,#fde0e8,#fff9fb);display:flex;align-items:center;justify-content:center;color:#ae3a61;font-weight:900;text-align:center;padding:16px}
.bf-product-img img{width:100%;height:100%;object-fit:cover}
.bf-tag{position:absolute;top:12px;left:12px;background:#111;color:#fff;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}
.bf-product-body{padding:16px}
.bf-product h3{font-size:17px;line-height:1.3;margin:0 0 8px}
.bf-meta{font-size:12px;color:var(--muted);margin-bottom:9px}
.bf-stars{color:var(--gold);font-weight:900;font-size:13px;margin-bottom:10px}
.bf-pillrow{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.bf-pill{background:var(--pink-soft);color:#a6385e;font-size:11px;font-weight:800;border-radius:999px;padding:4px 8px}
.bf-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bf-actions a{font-size:11px;text-align:center;padding:10px 8px;border-radius:6px;font-weight:900;text-transform:uppercase}
.bf-actions .shop{background:var(--pink);color:#fff}
.bf-actions .details{border:1px solid var(--line);color:var(--text)}

.bf-collection{border-radius:18px;min-height:190px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(135deg,#d95880,#8f294c)}
.bf-collection:nth-child(2){background:linear-gradient(135deg,#222,#d95880)}
.bf-collection:nth-child(3){background:linear-gradient(135deg,#c9944a,#d95880)}
.bf-collection h3{font-family:Georgia,serif;font-size:28px;margin:0 0 8px}
.bf-collection p{margin:0;color:rgba(255,255,255,.86)}

.bf-page-title{padding:42px 0 26px;border-bottom:1px solid var(--line);background:var(--cream)}
.bf-page-title h1{font-family:Georgia,serif;font-size:46px;margin:0 0 6px}
.bf-page-title p{margin:0;color:var(--muted);max-width:760px}
.bf-shop-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:34px 0 64px}
.bf-filter{border:1px solid var(--line);border-radius:14px;padding:18px;align-self:start;position:sticky;top:92px;background:#fff}
.bf-filter h3{margin:0 0 12px}
.bf-filter a,.bf-filter label{display:block;margin:10px 0;color:var(--muted);font-size:14px}
.bf-filter a:hover{color:var(--pink)}
.bf-sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:14px}

.bf-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:42px 0 70px}
.bf-detail-img{min-height:460px;border-radius:20px;background:linear-gradient(135deg,#fde0e8,#fff9fb);display:flex;align-items:center;justify-content:center;color:#ae3a61;font-size:28px;font-weight:900;overflow:hidden}
.bf-detail-img img{width:100%;height:100%;object-fit:cover}
.bf-detail h1{font-family:Georgia,serif;font-size:46px;line-height:1.08;margin:0 0 12px}
.bf-price{font-size:18px;font-weight:900;margin:14px 0}
.bf-proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.bf-box{border:1px solid var(--line);border-radius:14px;padding:16px}
.bf-box h3{margin-top:0}
.bf-disclosure{font-size:12px;color:var(--muted);margin-top:14px}
.bf-empty{border:1px dashed var(--line);border-radius:14px;padding:28px;color:var(--muted);background:#fff}
.bf-footer{background:#181818;color:#fff;padding:36px 0;margin-top:30px}
.bf-footer p{color:#cfcfcf;margin:6px 0 0}

@media(max-width:950px){
 .bf-header-inner{grid-template-columns:1fr;text-align:center}
 .bf-hero-inner,.bf-detail,.bf-shop-layout{grid-template-columns:1fr}
 .bf-grid{grid-template-columns:repeat(2,1fr)}
 .bf-quick{grid-template-columns:repeat(3,1fr)}
 .bf-filter{position:static}
}
@media(max-width:560px){
 .bf-grid,.bf-quick{grid-template-columns:1fr}
 .bf-actions,.bf-proscons{grid-template-columns:1fr}
 .bf-btn.alt{margin-left:0;margin-top:8px}
}