:root{
            --brand:#0A74DA;
            --brand-weak:#EAF3FF;
            --line:#ddd;
            --muted:#777;
            --bg:#fff;
        }
        body{margin:0;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;background:#fafafa;padding-bottom:80px;color:#222}
        a{text-decoration:none;color:inherit}
        .wrap{max-width:1200px;margin:0 auto;padding:16px}
        header{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
        header .logo img{height:36px;width:auto}
        header h1{font-size:18px;margin:0;color:var(--muted);font-weight:600}

        .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:16px}
        .breadcrumb a{color:var(--brand)}

        .compare-container{max-width:1200px;margin:0 auto;padding:0 16px;overflow-x:auto;}
        .compare-table{width:100%;min-width:600px;border-collapse:collapse;background:#fff;margin-top:20px;}
        .compare-table th,.compare-table td{border:1px solid #eee;padding:12px;text-align:center;vertical-align:middle;}
        .compare-table th:first-child,.compare-table td:first-child{width:200px;text-align:left;background:#fafafa;font-weight:600;}
        .compare-table th{background:#f5f5f5;font-weight:600;text-align:left;}
        .compare-table td,.compare-table th{min-width:150px;}

        .item-head img{max-height:150px;display:block;margin:0 auto 10px;}
        .item-head strong{display:block;font-size:15px;margin-bottom:4px;}

        /* Compare bar */
        .compare-bar{position:fixed;bottom:0;left:0;right:0;background:var(--brand);color:#fff;display:flex;align-items:center;padding:8px 16px;z-index:1000;}
        .compare-items{display:flex;flex:1;gap:8px;}
        .compare-items img{width:40px;height:60px;object-fit:contain;border:1px solid #fff;border-radius:4px;background:#fff;padding:2px;}
        .compare-clear{background:#333;color:#fff;border:none;border-radius:4px;padding:6px 12px;margin-left:8px;cursor:pointer;}
        .compare-btn{background:#fff;color:var(--brand);border:none;border-radius:4px;padding:6px 12px;margin-left:8px;font-weight:bold;cursor:pointer;}

        /* Title */
        h1{text-align:center;font-size:20px;font-weight:700;margin:20px auto;}

        .spec-title{background:var(--brand-weak);color:var(--brand);font-weight:700;}
        .highlight{font-weight:700;color:var(--brand);}
        .topnav{background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000;}
        .topnav .container{width:1200px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;}
        .brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#222;font-size:15px;text-decoration:none;}
        .brand img{display:block}
        .menu-toggle{display:none;font-size:22px;background:none;border:0;cursor:pointer;margin-left:auto;}
        @media(max-width:768px){
            .menu-toggle{display:block}
            .topnav nav{display:none;position:absolute;top:56px;right:12px;background:#fff;border:1px solid #eee;border-radius:8px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);}
            .topnav nav ul{flex-direction:column;gap:10px}
            .topnav.open nav{display:block}
        }
        /* Dropdown container */
        .dropdown {
            position: relative;
        }

        .dropdown-toggle {
            cursor: pointer;
            font-weight: 600;
        }

        /* Menü */
        .dropdown-menu {
            display: none;
            position: absolute;
            top: 28px;
            left: 0;
            background: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            min-width: 200px;
            padding: 8px 0;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
            z-index: 999;
        }

        .dropdown-menu li a {
            display: block;
            padding: 8px 14px;
            color: #222;
            white-space: nowrap;
        }

        .dropdown-menu li a:hover {
            background: #f5f5f5;
        }

        /* Hover mode - desktop */
        @media (min-width: 768px) {
            .dropdown:hover .dropdown-menu {
                display: block;
            }
        }

        /* Açılır menü mobilde de çalışsın */
        @media (max-width: 768px) {
            .dropdown-menu {
                position: static;
                box-shadow: none;
                border: 0;
                padding-left: 16px;
            }
        }
        .summary-box{
            background:#fff;
            border:1px solid #eee;
            border-radius:14px;
            padding:18px;
            margin:20px 0;
            box-shadow:0 2px 8px rgba(0,0,0,.04);
        }

        .summary-box h2{
            margin:0 0 14px;
            font-size:20px;
            text-align:left;
        }

        .compare-tabs{
            display:flex;
            gap:8px;
            overflow-x:auto;
            padding-bottom:8px;
            margin-bottom:16px;
        }

        .compare-tab{
            border:1px solid #ddd;
            background:#fff;
            border-radius:999px;
            padding:8px 12px;
            cursor:pointer;
            font-weight:600;
            white-space:nowrap;
            color:#333;
        }

        .compare-tab.active{
            background:var(--brand);
            color:#000;
            border-color:var(--brand);
            font-weight:800;
        }

        .score-layout{
            display:grid;
            grid-template-columns:360px 1fr;
            gap:22px;
            align-items:center;
        }

        .radar-wrap{
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .score-panel{
            display:none;
        }

        .score-panel.active{
            display:block;
        }

        .score-panel h3{
            margin:0 0 12px;
            font-size:17px;
        }

        .score-row{
            margin-bottom:12px;
        }

        .score-row span{
            display:inline-block;
            width:110px;
            font-weight:600;
        }

        .score-row strong{
            display:inline-block;
            width:36px;
            text-align:right;
        }

        .score-track{
            height:9px;
            background:#edf2f7;
            border-radius:999px;
            overflow:hidden;
            margin-top:5px;
        }

        .score-fill{
            height:100%;
            background:var(--brand);
            border-radius:999px;
        }

        .score-note{
            margin-top:14px;
            color:#666;
            font-size:13px;
        }

        @media(max-width:768px){
            .score-layout{
                grid-template-columns:1fr;
            }
        }
        .compare-hero{
            background:#f3f4f8;
            border-radius:18px;
            padding:28px;
            margin:24px 0;
        }

        .compare-tabs{
            display:flex;
            gap:48px;
            border-bottom:1px solid #cfd3dc;
            margin-bottom:28px;
            overflow-x:auto;
        }

        .compare-tab{
            border:0;
            background:transparent;
            padding:12px 8px;
            font-size:20px;
            font-weight:800;
            color:#666;
            cursor:pointer;
            white-space:nowrap;
            transition:all .2s ease;
        }

        .compare-tab.active{
            color:#fff;
            border-bottom:4px solid var(--brand);
        }

        .compare-tab:not(.active):hover{
            opacity:.85;
        }

        .compare-visual-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:36px;
            align-items:center;
        }

        .radar-card{
            max-width:480px;
            margin:0 auto;
        }

        .score-row{
            display:flex;
            justify-content:center;
            gap:34px;
            margin-top:18px;
            flex-wrap:wrap;
        }

        .score-row div{
            text-align:center;
        }

        .score-row strong{
            display:block;
            font-size:30px;
            line-height:1;
            color:var(--brand);
        }

        .score-row span{
            color:#666;
            font-size:15px;
        }

        .summary-card h2{
            font-size:22px;
            margin:0 0 20px;
        }

        .summary-panel{
            display:none;
        }

        .summary-panel.active{
            display:block;
        }

        .advantage-item{
            display:flex;
            gap:12px;
            margin-bottom:16px;
            font-size:17px;
        }

        .advantage-item > span{
            color:var(--brand);
            font-weight:900;
        }

        .advantage-item strong{
            display:block;
            color:#444;
            font-weight:700;
        }

        .advantage-item small{
            display:block;
            color:#777;
            font-weight:600;
            margin-top:4px;
        }

        .muted{
            color:#777;
        }

        @media(max-width:768px){
            .compare-hero{
                padding:18px;
            }

            .compare-tabs{
                gap:20px;
            }

            .compare-tab{
                font-size:16px;
            }

            .compare-visual-grid{
                grid-template-columns:1fr;
            }
        }

        .compare-bar__summary{display:flex;flex-direction:column;min-width:145px;line-height:1.2}
        .compare-bar__summary strong{font-size:13px}.compare-bar__summary span{font-size:12px;opacity:.85}
        .compare-bar__actions{display:flex;align-items:center;gap:8px}.compare-bar__actions .compare-btn,.compare-bar__actions .compare-clear{margin-left:0}
        .compare-btn:disabled,.compare-clear:disabled{opacity:.5;cursor:not-allowed}
        .compare-item{position:relative;flex:0 0 auto}.compare-item__remove{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border:0;border-radius:50%;background:#222;color:#fff;line-height:18px;padding:0;cursor:pointer}
        @media(max-width:768px){.compare-bar__summary{display:none}.compare-bar__actions .compare-btn{max-width:170px}.compare-bar{padding:8px 10px}}

        .compare-offers-cell{vertical-align:top!important;padding:10px!important;}
        .compare-offers{display:flex;flex-direction:column;gap:8px;min-width:210px;}
        .compare-offer{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s;}
        .compare-offer:hover{border-color:var(--brand);box-shadow:0 5px 16px rgba(10,116,218,.10);transform:translateY(-1px);}
        .compare-offer.is-best{border-color:#2e7d32;background:#f5fff7;}
        .compare-offer-logo{width:46px;height:34px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;overflow:hidden;}
        .compare-offer-logo img{max-width:100%;max-height:30px;object-fit:contain;}
        .compare-offer-logo span{font-size:10px;font-weight:700;line-height:1.15;text-align:center;color:#555;}
        .compare-offer-body{min-width:0;}
        .compare-offer-store{display:block;font-size:12px;font-weight:800;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .compare-offer-seller,.compare-offer-extra{display:block;font-size:10px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .compare-offer-price{display:block;margin-top:3px;font-size:15px;font-weight:800;color:var(--brand);}
        .compare-offer-badge{display:inline-flex;margin-top:4px;padding:2px 6px;border-radius:999px;background:#2e7d32;color:#fff;font-size:9px;font-weight:800;}
        .compare-offer-link{position:absolute;inset:0;border-radius:inherit;z-index:1;}
        .compare-no-offer{display:block;padding:10px;border:1px dashed #d1d5db;border-radius:8px;color:#777;font-size:11px;text-align:center;}
        .best-offer-row th{background:#f3f8ff;color:#0a5fb5;}
        .best-offer-cell{padding:12px!important;vertical-align:top!important;background:#fbfdff;}
        .best-offer-top{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:132px;padding:13px 10px;border:1px solid #cfe2f7;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(10,116,218,.08);}
        .best-offer-top.is-available{border-color:#2e7d32;background:#f7fff8;}
        .best-offer-top__badge{display:inline-flex;padding:3px 9px;border-radius:999px;background:#2e7d32;color:#fff;font-size:10px;font-weight:800;}
        .best-offer-top__logo{height:30px;max-width:105px;object-fit:contain;}
        .best-offer-top__store{font-size:12px;font-weight:800;color:#333;text-align:center;}
        .best-offer-top__price{font-size:18px;font-weight:900;color:var(--brand);}
        .best-offer-top__meta{font-size:10px;color:#6b7280;text-align:center;}
        .best-offer-top__button{display:inline-flex;margin-top:auto;padding:7px 12px;border-radius:7px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;position:relative;z-index:2;}
        .best-offer-top__link{position:absolute;inset:0;border-radius:inherit;z-index:1;}

/* Comparison summary */
.comparison-summary {
    margin: 28px 0 34px;
    padding: 26px;
    border: 1px solid #dfe7f1;
    border-radius: 20px;
    background: linear-gradient(135deg, #f8fbff 0%, #f3f6fa 100%);
    box-shadow: 0 12px 34px rgba(31, 41, 55, .06);
}

.comparison-summary__eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--brand);
}

.comparison-summary__intro h2 {
    margin: 0 0 14px;
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.25;
    color: #1f2937;
    text-align: left;
}

.comparison-summary__intro p {
    margin: 8px 0;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.65;
}

.comparison-summary__method {
    margin-top: 16px !important;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
    color: #6b7280 !important;
    font-size: 13px !important;
}

.comparison-summary__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.comparison-summary-card {
    position: relative;
    min-width: 0;
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
}

.comparison-summary-card.is-leader {
    border-color: rgba(10, 116, 218, .45);
    box-shadow: 0 8px 22px rgba(10, 116, 218, .10);
}

.comparison-summary-card__badge {
    display: inline-flex;
    margin: -4px 0 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.comparison-summary-card h3 {
    margin: 0;
    color: #1f2937;
    font-size: 17px;
    line-height: 1.4;
}

.comparison-summary-card__score {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 12px 0 18px;
}

.comparison-summary-card__score strong {
    color: var(--brand);
    font-size: 32px;
    line-height: 1;
}

.comparison-summary-card__score span {
    color: #6b7280;
    font-size: 14px;
    font-weight: 700;
}

.comparison-summary-card__section + .comparison-summary-card__section {
    margin-top: 16px;
}

.comparison-summary-card__section h4 {
    margin: 0 0 8px;
    color: #374151;
    font-size: 13px;
}

.comparison-summary-list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.comparison-summary-list li {
    position: relative;
    padding-left: 20px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.45;
}

.comparison-summary-list li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900;
}

.comparison-summary-list--positive li::before {
    content: "✓";
    color: #15803d;
}

.comparison-summary-list--warning li::before {
    content: "•";
    color: #d97706;
}

@media (max-width: 768px) {
    .comparison-summary {
        padding: 18px;
        border-radius: 16px;
    }

    .comparison-summary__grid {
        grid-template-columns: 1fr;
    }
}