.rankora-product-box{position:relative;border:1px solid #dcdfe6;border-radius:10px;padding:20px;margin:16px 0 24px;background:#fff}
.rankora-product-box .rp-role{display:inline-block;background:#1f3a8a;color:#fff;font-size:13px;font-weight:700;line-height:1.3;padding:4px 10px;border-radius:999px;margin-bottom:12px}
.rankora-product-box .rp-inner{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.rankora-product-box .rp-image{flex:0 0 160px;display:block;text-align:center}
.rankora-product-box .rp-image img{max-width:160px;max-height:160px;width:auto;height:auto;object-fit:contain}
.rankora-product-box .rp-body{flex:1 1 240px;min-width:0}
.rankora-product-box .rp-title{font-weight:700;font-size:1.05em;margin:0 0 8px}
.rankora-product-box .rp-title a{color:inherit;text-decoration:none}
.rankora-product-box .rp-price-line{margin:0 0 12px}
.rankora-product-box .rp-price,.rankora-table .rp-price{font-weight:700}
.rankora-product-box .rp-asof,.rankora-table .rp-asof{font-size:12px;color:#555}
.rp-button{display:inline-block;background:#f0a020;color:#111 !important;font-weight:700;text-decoration:none !important;padding:12px 20px;border-radius:8px;line-height:1.2}
.rp-button:hover,.rp-button:focus{background:#d98b0b}
.rp-button.rp-small{padding:8px 12px;font-size:14px;white-space:nowrap}
.rankora-table-wrap{overflow-x:auto;margin:16px 0 24px}
.rankora-table{width:100%;border-collapse:collapse;min-width:560px}
.rankora-table th,.rankora-table td{border:1px solid #dcdfe6;padding:10px;text-align:left;vertical-align:middle}
.rankora-table thead th{background:#f5f6f8}
.rankora-table .rt-prod{display:flex;gap:10px;align-items:center}
.rankora-table .rt-prod img{width:56px;height:56px;object-fit:contain;flex-shrink:0}
.rankora-takeaways{border-left:0;background:#f5f7fb;border-radius:10px;padding:16px 20px;margin:20px 0}
.rankora-pros,.rankora-cons{border:1px solid #dcdfe6;border-radius:10px;padding:12px 16px;margin:12px 0}
.rankora-pros{background:#f2faf4}
.rankora-cons{background:#fdf7ef}
.rankora-disclaimer{font-size:12px;color:#555;margin-top:24px}
.rankora-table-wrap{-webkit-overflow-scrolling:touch}
.rankora-table .rt-cta{text-align:center}
/* Stock badges */
.rp-stock{display:inline-block;font-size:12px;font-weight:700;line-height:1.3;padding:3px 8px;border-radius:999px;vertical-align:middle}
.rp-stock.is-in{background:#e6f4ea;color:#14632b}
.rp-stock.is-out{background:#f1f1f1;color:#555}
.rp-stock.is-pre{background:#eef2ff;color:#1f3a8a}
.rankora-table .rp-stock{margin-top:4px}
/* Pros and cons */
.rankora-pros,.rankora-cons{background:#fff;border-left-width:4px}
.rankora-pros{border-left-color:#1a7f37}
.rankora-cons{border-left-color:#c62828}
.rankora-pros>p,.rankora-cons>p{margin:0 0 6px}
.rankora-pros ul,.rankora-cons ul,.rankora-pros ul.wp-block-list,.rankora-cons ul.wp-block-list{list-style:none !important;padding-left:0 !important;margin:0 !important}
.rankora-pros li,.rankora-cons li{position:relative;padding-left:30px;margin:8px 0;list-style:none}
.rankora-pros li::before,.rankora-cons li::before{position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center}
.rankora-pros li::before{content:"\2713";background:#1a7f37}
.rankora-cons li::before{content:"\2715";background:#c62828}
/* Table of contents */
.rankora-toc{border:1px solid #dcdfe6;border-radius:10px;background:#f8f9fb;margin:20px 0;padding:0}
.rankora-toc summary{display:block;cursor:pointer;font-weight:700;font-size:1rem;padding:14px 44px 14px 18px;list-style:none;position:relative}
.rankora-toc summary::before{content:none !important}
.rankora-toc summary::-webkit-details-marker{display:none}
.rankora-toc summary::after{content:"\25BE";position:absolute;right:18px;transition:transform .2s}
.rankora-toc details:not([open]) summary::after{transform:rotate(-90deg)}
.rankora-toc ul{list-style:none;margin:0;padding:0 18px 14px 18px}
.rankora-toc li{margin:6px 0;padding-left:14px;position:relative}
.rankora-toc li::before{content:"\203A";position:absolute;left:0;color:#888}
.rankora-toc a{text-decoration:none}
.rankora-toc a:hover,.rankora-toc a:focus{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){html:has(.rankora-toc){scroll-behavior:smooth}}
html:has(.rankora-toc) h2[id]{scroll-margin-top:90px}
/* FAQ accordion */
.rankora-faq .wp-block-details{border:1px solid #dcdfe6;border-radius:8px;margin:10px 0;padding:0;background:#fff}
.rankora-faq .wp-block-details summary{display:block;cursor:pointer;font-weight:700;font-size:1rem;line-height:1.4;padding:14px 46px 14px 16px;list-style:none;position:relative}
.rankora-faq .wp-block-details summary::before{content:none !important;display:none !important}
.rankora-faq .wp-block-details summary::-webkit-details-marker{display:none}
.rankora-faq .wp-block-details summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;font-weight:400}
.rankora-faq .wp-block-details[open] summary::after{content:"\2212"}
.rankora-faq .wp-block-details>:not(summary){margin:0;padding:0 16px 14px}
/* Byline and author box */
.rankora-byline{font-size:14px;color:#555;margin:0 0 12px}
.rankora-byline a{color:inherit}
.rankora-author{display:flex;gap:16px;align-items:flex-start;border:1px solid #dcdfe6;border-radius:10px;padding:18px;margin:28px 0 12px;background:#fff}
.rankora-author .ra-avatar img{border-radius:50%;width:80px;height:80px;display:block}
.rankora-author .ra-body{flex:1;min-width:0}
.rankora-author p{margin:0 0 8px}
.rankora-author .ra-name{font-weight:700;font-size:1.05em}
.rankora-author .ra-updated{font-size:13px;color:#555;margin:0}
/* Mobile: comparison table becomes cards */
@media (max-width:640px){
.rankora-table{min-width:0;border:0}
.rankora-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rankora-table,.rankora-table tbody,.rankora-table tr,.rankora-table td{display:block;width:100%}
.rankora-table-wrap{overflow:visible}
.rankora-table tr,.rankora-table td{box-sizing:border-box}
.rankora-table tr{border:1px solid #dcdfe6;border-radius:10px;margin:0 0 14px;padding:12px 14px;background:#fff}
.rankora-table td{border:0;padding:6px 0;display:flex;gap:12px;justify-content:space-between;align-items:center;text-align:right}
.rankora-table td::before{content:attr(data-label);font-weight:700;text-align:left;flex-shrink:0}
.rankora-table td[data-label]{flex-wrap:wrap}
.rankora-table td[data-label]>*:not(br){max-width:100%}
.rankora-table td br{display:none}
.rankora-table td.rt-product{justify-content:flex-start;text-align:left;font-weight:700;border-bottom:1px solid #eef0f3;padding-bottom:10px;margin-bottom:4px}
.rankora-table td.rt-product::before,.rankora-table td.rt-cta::before{display:none}
.rankora-table td.rt-cta{justify-content:stretch;padding-top:10px}
.rankora-table td.rt-cta .rp-button{display:block;width:100%;text-align:center}
.rankora-author{flex-direction:column}
}
