/* Profil e-shopu (návrh R2 „profile“) */
.pf-bar{position:fixed;left:0;right:0;top:var(--stick-h);z-index:60;background:#fff;box-shadow:0 4px 16px rgba(12,42,34,.1);transform:translateY(-110%);transition:transform .2s}
.pf-bar.is-on{transform:none}
.pf-bar__in{height:64px;display:flex;align-items:center;gap:8px}
.pf-bar__name{font-size:16px;margin:0 16px 0 6px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.pf-bar__tabs{display:flex;height:64px}
.pf-bar__tabs a{height:64px;display:flex;align-items:center;padding:0 14px;font-size:15px;color:var(--text);text-decoration:none;white-space:nowrap}
.pf-bar__tabs a.is-on{font-weight:700;box-shadow:inset 0 -3px 0 var(--ink)}
.pf-bar__rate{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;margin-right:12px}

.pf-hero{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.pf-hero__in{padding-top:28px;padding-bottom:32px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.pf-id{display:flex;flex-direction:column;gap:18px;min-width:0}
.pf-id__row{display:flex;gap:24px;align-items:center}
.pf-id__main{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.pf-id__badge{align-self:flex-start}
.pf-id__h{margin:0;font-size:38px;font-weight:800;letter-spacing:-.035em;line-height:1.1;overflow-wrap:anywhere}
.pf-id__rate{display:flex;align-items:center;gap:10px;font-size:15px;flex-wrap:wrap}
.pf-id__rate a{color:var(--text);text-decoration:underline}
.pf-id__meta{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}
.pf-id__meta a{color:var(--primary);font-weight:600;text-decoration:none}
.pf-id__meta a:hover{text-decoration:underline}
.pf-id__meta .pf-id__host{color:var(--text-2);font-weight:400}
.pf-id__btns{display:flex;gap:10px;padding-top:6px;flex-wrap:wrap}
.pf-score{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 20px;align-items:center}
.pf-score__big{display:flex;flex-direction:column;gap:4px}
.pf-score__big>b{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1}
.pf-score__big>span{font-size:15px}
.pf-score__big small{font-size:13px;color:var(--text-3)}
.pf-score__dist{display:flex;flex-direction:column;gap:6px}
.pf-score__sat{grid-column:span 2;font-size:14px;color:var(--text-2)}
.pf-score__empty{grid-column:span 2;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-2);line-height:1.5}
.pf-score__empty b{color:var(--text);font-size:16px}
.pf-score__how{grid-column:span 2;padding-top:12px;border-top:1px solid var(--line-2);text-align:center;font-size:14px;color:var(--text-2);text-decoration:underline}
.dist-row{display:grid;grid-template-columns:62px minmax(0,1fr) 38px;gap:8px;align-items:center;font-size:13px;color:var(--text);text-decoration:none;border-radius:6px}
.dist-row:hover .dist-bar{background:#e3e9e5}
.dist-row .muted{text-align:right}
.dist-row.is-on{font-weight:700}
.dist-bar{height:8px;border-radius:4px;background:#eef1ef;overflow:hidden;display:block}
.dist-bar i{display:block;height:100%;border-radius:4px}
.dist-row--cb{grid-template-columns:18px 24px minmax(0,1fr) 38px}
.dist-row .cb{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--input);display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.dist-row.is-on .cb{background:var(--ink);border-color:var(--ink)}

.pf-body{padding-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;scroll-margin-top:calc(var(--stick-h) + 72px)}
.pf-main{display:flex;flex-direction:column;gap:44px;min-width:0}
.pf-trust{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14px;color:var(--text-2);line-height:1.5}
.pf-trust svg{flex:none}
.pf-trust a{color:var(--text);text-decoration:underline}
.pf-sec{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--stick-h) + 84px)}
.pf-sec__h{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}
.pf-sec__h--lg{font-size:26px;letter-spacing:-.02em}
.pf-sec__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pf-sec__row a{font-size:14px;font-weight:600;color:var(--primary);white-space:nowrap}
.pf-ai{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-3)}
.pf-summary{margin:0;font-size:17px;line-height:1.65;color:#2a302d}
.pf-summary.is-clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pf-more{border:0;background:none;padding:0;font:inherit;font-size:15px;color:var(--primary);cursor:pointer;align-self:flex-start;font-weight:600}
.pf-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pf-topic{border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#2a302d}
.pf-topic b{font-size:17px}
.pf-topic span{font-size:14px;line-height:1.55}
.pf-topic small{font-size:13px;font-weight:600}
.pf-topic--pos{background:#ecf7ef}
.pf-topic--pos b,.pf-topic--pos small{color:#0f6a36}
.pf-topic--neg{background:#fdeeed}
.pf-topic--neg b,.pf-topic--neg small{color:#a31d18}
.pf-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-box{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.pf-box>b{font-size:16px}
.pf-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0;border-top:1px solid #f0f3f1}
.pf-line--top{padding-top:10px;margin-top:2px}
.pf-line--carrier{padding-bottom:2px}
.pf-line--carrier b{font-size:14px;font-weight:700}
.pf-line--svc{border-top:0;padding:2px 0 2px 12px;color:var(--text-2)}
.pf-line--svc b{color:var(--text)}
.pf-line__rate{display:flex;align-items:center;gap:6px}
.pf-pay{display:flex;flex-wrap:wrap;gap:8px}
.pf-pay span{padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}
.pgrid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
/* Nejlépe hodnocené produkty: PC 3 vedle sebe, tablet všechny (až 4) v řadě, telefon 2 × 2 – nikdy jeden osamocený */
@media (min-width:1024px){.pgrid--3>:nth-child(n+4){display:none}}
@media (min-width:768px) and (max-width:1023px){.pgrid--3{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
.pf-about{font-size:15px;line-height:1.6}
.pf-about p{margin:6px 0 0}
.pf-label{display:block;font-size:13px;color:var(--text-3);font-weight:600}
.pf-since{display:block;margin-top:8px;font-size:13px;color:var(--text-3)}
.pf-qa{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;color:var(--text);text-decoration:none}
.pf-qa:hover{border-color:var(--ink)}
.pf-qa>span:first-child{display:flex;flex-direction:column;gap:2px}
.pf-qa .muted{font-size:14px}
.pf-facts{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.pf-fact{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:14px}
.pf-fact__ico{width:40px;height:40px;flex:none;border-radius:50%;background:var(--bg-soft);display:flex;align-items:center;justify-content:center}
.pf-fact>span:last-child{display:flex;flex-direction:column;gap:3px}
.pf-fact b{font-size:15px}
.pf-fact span span{font-size:14px;line-height:1.5;color:var(--text-2)}

.pf-similar{margin-top:56px;background:var(--bg-soft)}
.pf-similar .wrap{padding:40px 0;display:flex;flex-direction:column;gap:18px}
.pf-sim{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none}
.pf-sim:hover{border-color:var(--ink)}
.pf-sim .shop-logo{margin-bottom:10px}
.pf-sim .muted{font-size:13px}
.pf-sim__rate{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:6px}

.pf-reviews{padding-top:48px;padding-bottom:96px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start;scroll-margin-top:calc(var(--stick-h) + 72px)}
.pf-rside{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.pf-rside__avg{display:flex;align-items:center;gap:10px}
.pf-rside__avg b{font-size:26px}
.pf-rside__h{font-size:18px}
.pf-rside__h .muted{font-weight:500}
.pf-rside__note{font-size:14px;color:var(--text-2)}
.pf-rside__dist{display:flex;flex-direction:column;gap:6px;padding-top:6px}
.pf-rside__clear{font-size:14px;color:var(--primary);font-weight:600}
.pf-rlist{display:flex;flex-direction:column;min-width:0}
.pf-rsearch{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--input);border-radius:22px;margin-bottom:12px}
.pf-rsearch:focus-within{border-color:var(--ink)}
.pf-rsearch input{flex:1;border:0;outline:0;font:inherit;font-size:15px;background:transparent;min-width:0}
.pf-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:20px;font-size:13px}
.pf-rnote{font-size:14px;color:var(--text-2);margin:0 0 12px}
.pf-unv{margin-top:40px}
.pf-write{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:32px;padding:20px;border-radius:14px;background:var(--bg-soft);font-size:15px;line-height:1.5}
.pf-write .btn{flex:none}
.pf-faq{margin-top:48px;display:flex;flex-direction:column}
.pf-faq .pf-sec__h{margin-bottom:8px}
.pf-faq details{border-bottom:1px solid var(--line)}
.pf-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;position:relative}
.pf-faq summary::-webkit-details-marker{display:none}
.pf-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;color:var(--text-3)}
.pf-faq details[open] summary::after{content:"−"}
.pf-faq h3{margin:0;font-size:16px;font-weight:600}
.pf-faq p{margin:0 0 16px;color:var(--text-2);line-height:1.6}

/* Recenze (karta) */
.rv{padding:24px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;scroll-margin-top:calc(var(--stick-h) + 84px)}
.rv:target{background:linear-gradient(90deg,#f3f7f2,transparent);margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:8px}
.rv__ctx{font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rv__head{display:flex;align-items:center;gap:12px}
.rv__head .avatar{width:40px;height:40px;font-size:15px}
.rv__author{font-size:15px;font-weight:600}
.rv__date{margin-left:auto;font-size:13px;color:var(--text-3);white-space:nowrap}
.rv__edited{font-size:inherit;font-style:italic}
.rv__rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rv__unv{font-size:13px;color:#7a5200;font-weight:600}
.rv__title{margin:0;font-size:18px;font-weight:700}
.rv__body{margin:0;font-size:16px;line-height:1.6;color:#2a302d;overflow-wrap:anywhere}
.rv__pc{display:flex;gap:8px;flex-wrap:wrap}
.pc{font-size:13px;padding:4px 10px;border-radius:6px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pc--pro{background:#ecf7ef;color:#0f6a36}
.pc--con{background:#fdeeed;color:#a31d18}
.rv__tags{display:flex;gap:6px;flex-wrap:wrap}
.rv__reply{margin-left:24px;border-left:2px solid var(--ink);padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:6px}
.rv__reply-head{display:flex;align-items:center;gap:10px;font-size:14px}
.rv__reply-head time{font-size:12px;color:var(--text-3)}
.rv__reply p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.rv__foot{display:flex;gap:22px;font-size:14px}
.rv__foot form{display:contents}
.rv__foot button,.rv__foot a{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;color:var(--text-2);cursor:pointer;text-decoration:none}
.rv__foot button:hover,.rv__foot a:hover{color:var(--text)}
.rv__foot button[disabled]{color:var(--primary);cursor:default}
.rv--unverified .rv__head .avatar{background:#fdf3d8}

@media (max-width:1279px){
  .pf-bar__rate{display:none}
  .pf-hero__in,.pf-body{grid-template-columns:minmax(0,1fr) 320px;gap:32px}
}
@media (max-width:1023px){
  .pf-hero__in,.pf-body,.pf-reviews{grid-template-columns:1fr;gap:28px}
  .pf-facts,.pf-rside{position:static}
  .pf-bar__tabs{display:none}
  .pf-bar__in .btn--outline{display:none}
  .pf-bar__in .btn--primary{margin-left:auto}
}
@media (max-width:767px){
  .pf-id__row{flex-direction:column;align-items:flex-start;gap:16px}
  .pf-id__row>.shop-logo{width:80px!important;height:80px!important}
  .pf-id__h{font-size:30px}
  .pf-id__btns .btn{flex:1 1 auto}
  .pf-score{grid-template-columns:1fr}
  .pf-score__sat,.pf-score__how,.pf-score__empty{grid-column:auto}
  .pf-topics,.pf-two{grid-template-columns:1fr}
  .pgrid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pgrid--3>:nth-child(3):last-child{display:none}
  .pf-reviews{padding-top:32px}
  .pf-write{flex-direction:column;align-items:flex-start}
  .rv__reply{margin-left:8px}
  .pf-bar__name{max-width:130px}
}
.pf-back{font-size:14px;color:var(--text-2);text-decoration:none}
.pf-back:hover{color:var(--text)}
.ask-form{display:flex;flex-direction:column;gap:10px}
.ask-form__row{display:flex;gap:10px;flex-wrap:wrap}
.ask-form__row .input{flex:1;min-width:180px}

.pf-similar__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

.rv__bought{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}
.rv__bought a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.rv__bought a:hover{text-decoration:underline}

.rv__pin{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;font-weight:700;color:#0f6a36;background:#e6f5ec;border-radius:999px;padding:4px 10px;margin-bottom:2px}