/* Ana sayfa koku bloğu (parfum-home.js). Şişe çizimi parfum.css'ten gelir. Keskin köşe, bordo vurgu. */
#pf-home{margin:64px 0}
.pfh{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line)}
.pfh-left{padding:40px 40px 34px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.pfh-eyebrow{color:var(--muted);font-weight:600;margin-bottom:8px}
.pfh-left h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-1.6px;line-height:1.05}
.pfh-lead{font-size:19px;margin:8px 0 28px}
.pfh-test-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.pfh-test-head h3{font-size:21px}
.pfh-test-head>span{color:var(--muted);font-size:15px;white-space:nowrap}
.pfh-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end}
.pfh-steps li{display:flex;align-items:center}
.pfh-steps li+li::before{content:"";width:22px;height:1px;background:var(--line)}
.pfh-steps span,.pfh-steps button{display:block;width:14px;height:14px;border-radius:50%;border:1px solid #c9c7c0;background:#fff;padding:0}
.pfh-steps li.done span,.pfh-steps li.done button{background:var(--red);border-color:var(--red)}
.pfh-steps li.done+li::before{background:var(--red)}
.pfh-steps li.now span{background:var(--red);border-color:var(--red);box-shadow:0 0 0 3px #6b1f3222}
.pfh-steps button:hover{transform:scale(1.15)}
.pfh-q{font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.4px;margin:24px 0 14px;line-height:1.25}
.pfh-options{display:grid;gap:10px}
.pfh-option{justify-content:flex-start;gap:20px;background:#fff;color:var(--ink);border:1px solid var(--line);padding:14px 22px;font-size:17px;font-weight:400;text-align:left}
.pfh-option:hover{background:#fbfaf7;border-color:#bdbbb3}
.pfh-option.on{background:#fbf3f5;border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.pfh-radio{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #bdbbb3;position:relative}
.pfh-option.on .pfh-radio{border-color:var(--red)}
.pfh-option.on .pfh-radio::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--red)}
.pfh-icon{flex:none;width:34px;display:flex;justify-content:center}
.pfh-next{width:100%;margin-top:18px;padding:17px 20px;font-size:17px;font-weight:600}
.pfh-next[disabled]{opacity:.4;cursor:not-allowed}
.red.pfh-next:hover{background:#561827}
.pfh-link{align-self:center;margin-top:12px;background:transparent;border:0;padding:4px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:400}
.pfh-link:hover{background:transparent;color:var(--ink)}
.pfh-picks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pfh-picks li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);padding:14px 18px}
.pfh-picks b{font-family:Archivo,Arial,sans-serif;color:var(--red)}
.pfh-picks span{font-size:17px;color:var(--ink)}
.pfh-picks em{font-style:normal;color:var(--muted);font-size:14px}
/* Sağ: koku radarı */
.pfh-right{padding:40px 0 30px 40px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.pfh-radar-title{font-size:26px;letter-spacing:-.6px}
.pfh-stage{position:relative;overflow:hidden;flex:1;min-height:360px;margin-top:18px}
.pfh-track{display:flex;width:64%;margin-left:12%;height:100%;transition:transform .6s ease}
.pfh-slide{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 10px;opacity:.55;transition:opacity .6s}
.pfh-slide.is-now{opacity:1}
.pfh-shot{height:270px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pfh-shot .pf-photo{max-height:270px;max-width:100%;width:auto;height:auto;object-fit:contain}
.pfh-shot .pf-bottle{--w:130px}
.pfh-slide strong{font-family:Archivo,Arial,sans-serif;font-size:21px;letter-spacing:-.4px}
.pfh-slide em{font-style:normal;color:var(--muted);font-size:16px;margin-top:4px}
.pfh-slide:hover strong{color:var(--red)}
.pfh-arrow{position:absolute;top:38%;width:50px;height:50px;border-radius:50%;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 8px #0000000d}
.pfh-arrow:hover{background:#fff;border-color:var(--ink)}
.pfh-arrow.prev{left:4px}
.pfh-arrow.next{left:calc(76% - 25px)}
.pfh-dots{display:flex;justify-content:center;gap:10px;margin:18px 24% 0 0}
.pfh-dots button{width:10px;height:10px;border-radius:50%;padding:0;border:0;background:#dcdad4}
.pfh-dots button.on{background:var(--red)}
.pfh-all{align-self:flex-start;margin-top:20px}
@media(max-width:900px){
 .pfh{grid-template-columns:1fr}
 .pfh-left{border-right:0;border-bottom:1px solid var(--line)}
 .pfh-right{padding:30px 0 28px 24px}
 .pfh-all{margin-left:0}
}
@media(max-width:600px){
 #pf-home{margin:44px 0}
 .pfh-left{padding:26px 18px 22px}
 .pfh-lead{font-size:16px;margin-bottom:20px}
 .pfh-test-head{grid-template-columns:1fr auto;row-gap:12px}
 .pfh-steps{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .pfh-steps li+li::before{width:16px}
 .pfh-option{padding:12px 16px;gap:14px;font-size:16px}
 .pfh-right{padding:26px 0 24px 18px}
 .pfh-stage{min-height:300px}
 .pfh-track{width:70%;margin-left:8%}
 .pfh-shot{height:210px}.pfh-shot .pf-photo{max-height:210px}
 .pfh-arrow{width:42px;height:42px}
 .pfh-arrow.next{left:calc(78% - 21px)}
 .pfh-dots{margin-right:18px}
}