.cfpb{--accent:#F2B705;--dark:#231c0d;--btn-text:#1b1405;
--accent-d:color-mix(in srgb,var(--accent) 72%,#000);
--tint:color-mix(in srgb,var(--accent) 14%,#fff);
--tint2:color-mix(in srgb,var(--accent) 6%,#fff);
--line:color-mix(in srgb,var(--accent) 22%,#e6e2d8);
--text:#1d1a12;--muted:#4f4a3d;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.45;box-sizing:border-box;margin:2.2em 0;text-align:left}
.cfpb *,.cfpb *::before,.cfpb *::after{box-sizing:border-box}
:where(.cfpb div,.cfpb span){margin:0;padding:0;border:0;background:none;float:none}
.cfpb a{text-decoration:none!important;box-shadow:none!important;border:0!important}
.cfpb a:not(.cfpb-btn){color:inherit!important}
.cfpb img{max-width:100%;height:auto;display:block;margin:0 auto;border:0;border-radius:0;box-shadow:none}
.cfpb-noimg{display:block;width:100%;max-width:200px;aspect-ratio:1/1;background:#f3f0e6;border-radius:12px;margin:0 auto}
.cfpb-imglink,.cfpb-titlelink{display:block}
.cfpb a.cfpb-titlelink:hover,.cfpb a.cfpb-li:hover .cfpb-tx{color:var(--accent-d)!important}

/* stars */
.cfpb-rating{display:flex;align-items:center;gap:10px;justify-content:center}
.cfpb-stars{display:inline-flex;gap:2px;font-size:20px;line-height:1}
.cfpb-star{color:#ddd8c8}.cfpb-star.on{color:var(--accent)}
.cfpb-score{font-weight:700;color:#7a7465;font-size:16px}

/* features (div based list) */
.cfpb-list{display:block}
.cfpb .cfpb-li{display:flex!important;align-items:flex-start;gap:12px;margin:0 0 12px!important;font-size:16px!important;line-height:1.4!important;color:var(--muted)}
.cfpb .cfpb-li:last-child{margin-bottom:0!important}
.cfpb-ic{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--accent-d);font-weight:900;font-size:13px;line-height:22px;text-align:center}
.cfpb-tx{flex:1 1 auto;min-width:0;word-break:normal;overflow-wrap:anywhere}

/* button */
.cfpb .cfpb-btn{display:block;text-align:center;background:var(--accent);color:var(--btn-text)!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px;line-height:1.2;padding:17px 16px;border-radius:12px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 38%,transparent)!important;transition:filter .15s,transform .15s;white-space:nowrap}
.cfpb a.cfpb-btn:hover{filter:brightness(.93);transform:translateY(-1px)}
.cfpb .cfpb-btn--sm{display:inline-block;padding:15px 34px;font-size:13px;border-radius:10px}

/* TOP 3 */
.cfpb-top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:center;padding-top:20px}
.cfpb-card{position:relative;background:#fff;border:1px solid var(--line)!important;border-radius:22px;padding:34px 26px 28px;box-shadow:0 10px 28px rgba(35,28,13,.07)}
.cfpb-card.is-featured{border:2px solid var(--accent)!important;background:linear-gradient(180deg,var(--tint) 0%,#fff 50%);box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 30%,transparent)}
.cfpb-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--dark)!important;color:#fff;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border-radius:999px;white-space:nowrap}
.cfpb-card__img{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.cfpb-card__img .cfpb-imglink{width:100%}
.cfpb-card__img img{max-height:190px;width:auto;object-fit:contain}
.cfpb-card__title{text-align:center;font-weight:800;font-size:20px;line-height:1.25;margin-bottom:12px}
.cfpb-sep{height:1px;background:var(--line);margin:18px 0}
.cfpb-card .cfpb-list{margin-bottom:22px}

/* TABLE (div grid) */
.cfpb-tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.cfpb-tr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,.8fr);align-items:stretch}
.cfpb-tr+.cfpb-tr{border-top:1px solid var(--line)}
.cfpb-th{background:var(--dark)}
.cfpb-th>div{color:#fff;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;padding:20px 26px}
.cfpb-tr.is-hl{background:var(--tint)}
.cfpb-c{padding:24px 26px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.cfpb-tr:not(.cfpb-th)>.cfpb-c+.cfpb-c{border-left:1px solid var(--line)}
.cfpb-c-prod{flex-direction:row;align-items:center;gap:20px}
.cfpb-prod__img{flex:0 0 72px;width:72px}
.cfpb-prod__img img{max-height:90px;width:auto;object-fit:contain}
.cfpb-prod__img .cfpb-noimg{border-radius:10px}
.cfpb-prod__name{font-weight:800;font-size:18px;line-height:1.3;min-width:0}
.cfpb-c-act .cfpb-btn{padding:16px 12px;font-size:13px;white-space:normal}

/* SINGLE */
.cfpb-single{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.cfpb-single__top{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:center;padding:28px 30px}
.cfpb-single__img img{max-height:240px;width:auto;object-fit:contain}
.cfpb-single__title{font-weight:800;font-size:23px;line-height:1.25;margin-bottom:8px}
.cfpb-single .cfpb-rating{justify-content:flex-start;margin-bottom:14px}
.cfpb-single .cfpb-stars{font-size:16px}.cfpb-single .cfpb-score{font-size:14px}
.cfpb-list--single{border-left:3px solid var(--accent);padding-left:14px!important;margin-bottom:20px}
.cfpb-list--single .cfpb-li{font-size:15px!important;margin-bottom:9px!important}
.cfpb-pc{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:var(--tint2)}
.cfpb-pc__col{padding:24px 30px}
.cfpb-pc__col+.cfpb-pc__col{border-left:1px solid var(--line)}
.cfpb-pc__h{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.cfpb-pi{display:flex;gap:12px;align-items:flex-start;margin-bottom:11px;font-size:15px;color:var(--muted);line-height:1.4}
.cfpb-con .cfpb-ic{background:#eee;color:#777}

.cfpb-inline{color:var(--accent-d)!important;text-decoration:underline!important;text-underline-offset:2px}

@media(max-width:1000px){
 .cfpb-top3{grid-template-columns:1fr;gap:36px;max-width:460px;margin-left:auto;margin-right:auto}
 .cfpb-single__top{grid-template-columns:1fr;padding:22px}
 .cfpb-pc{grid-template-columns:1fr}.cfpb-pc__col+.cfpb-pc__col{border-left:0;border-top:1px solid var(--line)}
 .cfpb-th{display:none}
 .cfpb-tr{grid-template-columns:1fr}
 .cfpb-tr:not(.cfpb-th)>.cfpb-c+.cfpb-c{border-left:0;border-top:0;padding-top:0}
 .cfpb-c-act{padding-bottom:24px}
}
