/*
Theme Name: BeautyFindz Pinterest Luxe Theme
Theme URI: https://beautyfindz.com
Author: BeautyFindz
Description: Pinterest-aligned luxury editorial product-browsing affiliate theme for BeautyFindz.
Version: 1.0
License: GPLv2 or later
Text Domain: beautyfindz
*/

:root{
  --silk:#fbf7ee;--paper:#fffdf8;--cream:#f3eadc;--gold:#d4aa52;--deep-gold:#b97a00;
  --pink:#e9b8bf;--pink2:#dca3ad;--ink:#090706;--charcoal:#3d3832;--taupe:#817569;
  --line:#d9b874;--shadow:0 22px 55px rgba(74,55,35,.13);
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.55;background:radial-gradient(circle at 8% 10%,rgba(255,232,156,.30),transparent 18%),radial-gradient(circle at 82% 14%,rgba(233,184,191,.20),transparent 21%),linear-gradient(135deg,rgba(255,255,255,.62),rgba(243,234,220,.80)),var(--silk)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(185,122,0,.06) 43px 44px),radial-gradient(circle at 30% 20%,rgba(255,255,255,.75),transparent 16%);z-index:-1}
a{text-decoration:none;color:inherit}.container{width:min(1220px,92%);margin:0 auto}
.bf-top{background:var(--ink);color:#fff4df;text-align:center;padding:10px 12px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.bf-header{background:rgba(251,247,238,.92);border-bottom:1px solid rgba(185,122,0,.28);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.bf-header-inner{display:grid;grid-template-columns:260px 1fr 210px;gap:24px;align-items:center;padding:19px 0}
.bf-logo{font-family:Georgia,serif;font-size:31px;letter-spacing:.30em;font-weight:500;text-transform:uppercase}.bf-logo span{color:inherit;font-style:normal}
.bf-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-family:Georgia,serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.bf-nav a:hover{color:var(--deep-gold)}
.bf-search input{width:100%;border:1px solid rgba(185,122,0,.28);background:rgba(255,253,248,.82);padding:11px 14px;border-radius:0;color:var(--charcoal)}
.bf-hero{border-bottom:1px solid rgba(185,122,0,.28);background:radial-gradient(circle at 16% 15%,rgba(255,232,135,.50),transparent 22%),radial-gradient(circle at 90% 20%,rgba(255,255,255,.72),transparent 18%),linear-gradient(145deg,#fffdf8 0%,#f5ead9 52%,#e8d5bd 100%)}
.bf-hero-inner{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:46px;padding:72px 0 62px}
.bf-kicker{font-size:13px;letter-spacing:.35em;text-transform:uppercase;color:var(--deep-gold);margin-bottom:18px;font-weight:700}
.bf-hero h1{font-family:Georgia,serif;font-size:clamp(48px,6.5vw,92px);line-height:.98;font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}.bf-hero h1 em{display:block;color:var(--deep-gold);font-style:normal}
.bf-hero p{font-family:Georgia,serif;font-size:22px;color:var(--charcoal);max-width:600px;margin:0 0 30px}
.bf-hero-art{min-height:455px;border:1px solid rgba(185,122,0,.45);background:linear-gradient(rgba(255,253,248,.34),rgba(255,253,248,.34)),radial-gradient(circle at 74% 12%,rgba(255,228,139,.60),transparent 16%),radial-gradient(circle at 28% 76%,rgba(233,184,191,.45),transparent 19%),linear-gradient(135deg,#fffef9,#efe0c9);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;text-align:center;font-family:Georgia,serif;color:var(--ink);font-size:48px;line-height:1.15;letter-spacing:.18em;text-transform:uppercase;position:relative;overflow:hidden}
.bf-hero-art:before,.bf-hero-art:after{content:"";position:absolute;border:1px solid rgba(185,122,0,.40);width:68%;height:42%}.bf-hero-art:before{top:9%;left:7%}.bf-hero-art:after{bottom:9%;right:7%}.bf-hero-art strong{color:var(--deep-gold);font-weight:500}
.bf-btn{display:inline-block;border:0;background:var(--pink);color:#fff;padding:18px 34px;min-width:210px;text-align:center;font-family:Georgia,serif;font-size:16px;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 14px 24px rgba(184,122,132,.16)}.bf-btn:hover{background:var(--pink2)}
.bf-btn.alt{margin-left:10px;background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.bf-btn.alt:hover{background:var(--gold);color:#fff}
.bf-quick{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:34px auto 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bf-quick a{background:rgba(255,253,248,.56);border-right:1px solid rgba(185,122,0,.28);padding:20px 8px;text-align:center;font-family:Georgia,serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase}.bf-quick a:last-child{border-right:0}.bf-quick span{display:block;color:var(--deep-gold);font-size:17px;margin-bottom:7px}
.bf-section{padding:46px 0}.bf-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative}.bf-section-head:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--line);position:absolute;bottom:-4px;left:50%}
.bf-section h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,62px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin:0}.bf-section h2 em{color:var(--deep-gold);font-style:normal}.bf-section p.sub{margin:7px 0 0;color:var(--taupe);font-family:Georgia,serif;font-size:18px}
.bf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.bf-grid-3{grid-template-columns:repeat(3,1fr)}
.bf-product{background:rgba(255,253,248,.78);border:1px solid rgba(185,122,0,.30);box-shadow:0 18px 35px rgba(74,55,35,.08);position:relative;overflow:hidden}.bf-product:before{content:"";position:absolute;inset:10px;border:1px solid rgba(185,122,0,.20);pointer-events:none;z-index:2}
.bf-product-img{height:265px;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 28% 25%,rgba(255,238,179,.62),transparent 17%),linear-gradient(135deg,#fffdf8,#efe3d4);color:var(--charcoal);font-family:Georgia,serif;font-size:25px;letter-spacing:.12em;text-align:center}.bf-product-img img{width:100%;height:100%;object-fit:cover}
.bf-tag{position:absolute;top:18px;left:18px;z-index:3;background:rgba(255,253,248,.88);border:1px solid var(--line);color:var(--deep-gold);padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bf-product-body{padding:22px;position:relative;z-index:3}.bf-product h3{font-family:Georgia,serif;font-size:24px;line-height:1.18;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0 0 10px}.bf-meta{color:var(--taupe);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.bf-stars{color:#f2bd34;font-size:17px;letter-spacing:.03em;margin-bottom:11px;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.bf-pillrow{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.bf-pill{background:rgba(239,209,138,.35);border:1px solid rgba(185,122,0,.18);color:var(--charcoal);padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bf-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bf-actions a{text-align:center;padding:12px 8px;font-family:Georgia,serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.bf-actions .shop{background:var(--pink);color:#fff}.bf-actions .details{border:1px solid var(--line);background:rgba(255,255,255,.56)}
.bf-collection{min-height:285px;padding:30px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line);background:linear-gradient(rgba(255,253,248,.18),rgba(255,253,248,.18)),radial-gradient(circle at 20% 20%,rgba(255,232,139,.45),transparent 18%),linear-gradient(135deg,#efe0c9,#b97a00);color:var(--ink);box-shadow:var(--shadow);position:relative;overflow:hidden}.bf-collection:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,253,248,.58)}
.bf-collection:nth-child(2){background:linear-gradient(rgba(255,253,248,.16),rgba(255,253,248,.16)),linear-gradient(135deg,#fffdf8,#e9b8bf)}.bf-collection:nth-child(3){background:linear-gradient(rgba(255,253,248,.18),rgba(255,253,248,.18)),linear-gradient(135deg,#3d3832,#d4aa52);color:#fffdf8}
.bf-collection h3{font-family:Georgia,serif;font-size:42px;line-height:1.05;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin:0 0 12px;position:relative}.bf-collection p{font-family:Georgia,serif;font-size:18px;margin:0;position:relative}
.bf-page-title{padding:58px 0 36px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 22%,rgba(255,232,139,.40),transparent 18%),linear-gradient(135deg,#fffdf8,#f2e6d6)}.bf-page-title h1{font-family:Georgia,serif;font-size:clamp(48px,5vw,78px);line-height:1.02;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 12px}.bf-page-title p{margin:0;color:var(--charcoal);font-family:Georgia,serif;font-size:20px;max-width:820px}
.bf-shop-layout{display:grid;grid-template-columns:265px 1fr;gap:30px;padding:40px 0 76px}.bf-filter{position:sticky;top:95px;align-self:start;background:rgba(255,253,248,.70);border:1px solid var(--line);padding:22px}.bf-filter h3{font-family:Georgia,serif;letter-spacing:.12em;text-transform:uppercase;font-size:20px;margin:0 0 12px}.bf-filter a,.bf-filter label{display:block;margin:12px 0;color:var(--charcoal);font-size:14px}.bf-filter a:hover{color:var(--deep-gold)}
.bf-sort{display:flex;justify-content:space-between;margin-bottom:18px;color:var(--taupe);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.bf-detail{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;padding:52px 0 84px}.bf-detail-img{min-height:560px;border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 23% 18%,rgba(255,238,179,.62),transparent 16%),linear-gradient(135deg,#fffdf8,#eadac6);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Georgia,serif;font-size:36px;letter-spacing:.12em;text-align:center}.bf-detail-img img{width:100%;height:100%;object-fit:cover}
.bf-detail h1{font-family:Georgia,serif;font-size:clamp(44px,4.6vw,72px);line-height:1.02;letter-spacing:.10em;text-transform:uppercase;font-weight:500;margin:0 0 12px}.bf-price{font-family:Georgia,serif;font-size:18px;letter-spacing:.12em;text-transform:uppercase;margin:20px 0}
.bf-proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.bf-box{border:1px solid var(--line);background:rgba(255,253,248,.70);padding:20px}.bf-box h3{font-family:Georgia,serif;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin:0 0 10px}.bf-disclosure{font-size:12px;color:var(--taupe);margin-top:16px}.bf-empty{border:1px dashed var(--line);padding:30px;background:rgba(255,253,248,.70);color:var(--taupe)}
.bf-footer{background:var(--ink);color:#fff6e8;padding:46px 0;margin-top:32px}.bf-footer p{color:#e2d2bb;margin:8px 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:10px}.bf-hero h1,.bf-page-title h1{letter-spacing:.08em}}