/* Phone Compare plugin styles. Enqueued in the document head. */
.phone-compare-search-wrap,.phone-compare-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
    .phone-compare-field,.phone-compare-column{position:relative;min-width:0}
    .phone-compare-field label{display:block;margin-bottom:6px;font-weight:600}
    .phone-compare-input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#222;font:inherit}
    .phone-compare-suggestions{display:none;position:absolute;z-index:9999;top:100%;left:0;right:0;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #ccc;box-shadow:0 4px 10px rgba(0,0,0,.12)}
    .phone-compare-suggestion{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #eee;background:#fff;color:#222;text-align:left;cursor:pointer;font:inherit}
    .phone-compare-suggestion:hover,.phone-compare-suggestion:focus{background:#f2f5f8}.phone-compare-suggestion img{display:block;max-width:48px}
    .phone-compare-selected{margin-top:7px;font-size:13px;color:#176b35}
    .phone-compare-actions{margin:12px 0 20px}
    .phone-compare-button{padding:11px 24px;border:0;border-radius:4px;background:#155eaa;color:#fff;font:inherit;cursor:pointer}
    .phone-compare-button:disabled{opacity:.55;cursor:not-allowed}
    .phone-compare-message{margin-top:10px}
    .phone-compare-column{overflow-wrap:anywhere}
    .phone-compare-results,.compare-specs-list{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
    .compare-specs-list{overflow-x:hidden}
    .compare-specs-table{width:100%!important;max-width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;box-sizing:border-box}
    .compare-specs-table th{width:100%;box-sizing:border-box}
    .compare-specs-table td{box-sizing:border-box;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:normal}
    .compare-specs-table td.ttl{width:20%!important}
    .compare-specs-table td.nfo{width:40%!important}
    .compare-specs-table img{max-width:100%;height:auto}
    /* Keep both phone cards in fixed, equal-width columns. */
    .phone-compare-identities{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:16px;margin:0 0 22px;width:100%;box-sizing:border-box}
    .phone-compare-identity{display:flex!important;flex-direction:column!important;width:auto!important;min-width:0;text-align:center;border-bottom:1px solid #e5e5e5;padding:0 10px 14px;box-sizing:border-box}
    /* Reserve the same two-line title space so different title lengths do not shift images. */
    .phone-compare-identity-title{display:flex;align-items:flex-start;justify-content:center;min-height:2.4em;font-size:clamp(19px,2.5vw,30px);line-height:1.2;font-weight:700;margin:0 0 18px;overflow-wrap:anywhere}
    /* Both images occupy exactly the same height, regardless of source image dimensions. */
    .phone-compare-identity-image{height:300px;min-height:300px;flex:0 0 300px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;width:100%;box-sizing:border-box}
    .phone-compare-identity-image img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain}
    .phone-compare-links{display:flex!important;flex-direction:column!important;flex:1 1 auto;width:100%;margin-top:0}
    .phone-compare-link{display:flex!important;align-items:center;gap:12px;min-height:68px;box-sizing:border-box;padding:13px 4px;border-bottom:1px solid #e8e8e8;color:#171717;text-decoration:none;font-size:18px;font-weight:600;text-align:left}
    .phone-compare-link:last-child{border-bottom:0}
    .phone-compare-link:hover{color:#b51212}
    .phone-compare-link-icon{width:28px;flex:0 0 28px;color:#999;font-size:25px;line-height:1;text-align:center}
    .phone-compare-link-arrow{margin-left:auto;color:#b51212;font-size:27px;line-height:1}
    @media(max-width:767px){.phone-compare-identities{gap:10px}.phone-compare-identity-image{height:190px;min-height:190px;flex-basis:190px}.phone-compare-identity{padding-left:5px;padding-right:5px}.phone-compare-identity-title{min-height:2.4em;font-size:18px;margin-bottom:12px}.phone-compare-link{font-size:14px;gap:7px;min-height:58px;padding:11px 2px}.phone-compare-link-icon{width:22px;flex-basis:22px;font-size:21px}}
    @media(max-width:767px){.phone-compare-search-wrap,.phone-compare-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phone-compare-input{padding:10px 8px;font-size:14px}.compare-specs-table td.ttl{width:20%!important}.compare-specs-table td.nfo{width:40%!important}}

/* Enhanced phone comparison search form */
.phone-compare-search-wrap {
    position: relative;
    padding: 24px;
    margin: 0 0 18px;
    border: 1px solid #eadede;
    border-radius: 16px;
    background: linear-gradient(145deg, #fff 0%, #fff8f8 100%);
    box-shadow: 0 8px 28px rgba(92, 15, 15, .07);
}
.phone-compare-field {
    padding: 16px;
    border: 1px solid #eee2e2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(40, 20, 20, .035);
}
.phone-compare-field label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    color: #292020;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.phone-compare-field label:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c81e1e;
    box-shadow: 0 0 0 4px rgba(200, 30, 30, .10);
}
.phone-compare-input {
    min-height: 50px;
    padding: 12px 15px !important;
    border: 1px solid #dcd3d3 !important;
    border-radius: 9px !important;
    outline: none;
    background: #fff !important;
    color: #211b1b !important;
    font-size: 15px !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.phone-compare-input::placeholder { color: #9b9292; opacity: 1; }
.phone-compare-input:hover { border-color: #c9aaaa !important; }
.phone-compare-input:focus {
    border-color: #c81e1e !important;
    box-shadow: 0 0 0 4px rgba(200, 30, 30, .11) !important;
    background: #fff !important;
}
.phone-compare-selected {
    min-height: 18px;
    margin-top: 9px !important;
    color: #267447 !important;
    font-size: 12px !important;
    font-weight: 650;
}
.phone-compare-suggestions {
    top: calc(100% - 2px) !important;
    overflow: hidden;
    border: 1px solid #eadada !important;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(35, 15, 15, .15) !important;
}
.phone-compare-suggestion {
    min-height: 62px;
    padding: 9px 12px !important;
    border-bottom: 1px solid #f0e9e9 !important;
    font-size: 14px !important;
    transition: background .15s ease;
}
.phone-compare-suggestion:last-child { border-bottom: 0 !important; }
.phone-compare-suggestion:hover,
.phone-compare-suggestion:focus {
    outline: none;
    background: #fff3f3 !important;
}
.phone-compare-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 0 0 26px !important;
}
.phone-compare-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 49px;
    padding: 12px 28px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #c81e1e 0%, #7a0707 100%) !important;
    box-shadow: 0 5px 14px rgba(145, 12, 12, .22);
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    letter-spacing: .01em;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.phone-compare-button:hover,
.phone-compare-button:focus {
    background: linear-gradient(135deg, #c81e1e 0%, #c90c0c 100%) !important;
    box-shadow: 0 7px 18px rgba(145, 12, 12, .28);
    color: #fff !important;
    transform: translateY(-1px);
}
.phone-compare-button:active { transform: translateY(0); }
.phone-compare-button:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
}
.phone-compare-message {
    color: #a31616;
    font-size: 13px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .phone-compare-search-wrap {
        gap: 10px !important;
        padding: 12px;
        border-radius: 12px;
    }
    .phone-compare-field {
        padding: 10px 8px;
        border-radius: 9px;
    }
    .phone-compare-field label {
        gap: 6px;
        margin-bottom: 8px;
        font-size: 11px;
        letter-spacing: 0;
    }
    .phone-compare-input {
        min-height: 44px;
        padding: 10px 8px !important;
        font-size: 13px !important;
    }
    .phone-compare-selected { font-size: 10px !important; overflow-wrap: anywhere; }
    .phone-compare-button { width: 100%; min-height: 46px; }
    .phone-compare-actions { width: 100%; }
}

.phone-compare-results {
    margin-bottom: 30px;
}