.mobilespex-spec-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin:22px 0;box-shadow:0 4px 18px #0000000f}.mobilespex-spec-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.mobilespex-kicker{font-size:12px;text-transform:uppercase;color:#667085;font-weight:700}.mobilespex-spec-head h3{margin:4px 0 0;font-size:22px}.mobilespex-actions{display:flex;gap:8px;flex-wrap:wrap}.mobilespex-buy,.mobilespex-compare-btn,.mobilespex-new-compare{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.mobilespex-buy{color:#fff!important}.mobilespex-buy.amazon{background:#111827}.mobilespex-buy.flipkart{background:#087fce}.mobilespex-compare-btn{background:#eef2ff;color:#111827}.mobilespex-compare-btn.is-added{background:#16a34a;color:#fff}.mobilespex-table,.mobilespex-compare-table{width:100%;border-collapse:collapse}.mobilespex-table th,.mobilespex-table td,.mobilespex-compare-table th,.mobilespex-compare-table td{padding:12px;border:1px solid #e5e7eb;text-align:left}.mobilespex-table th,.mobilespex-compare-table th{background:#f8fafc}.mobilespex-table th{width:35%}.mobilespex-compare-result{overflow:auto;margin-top:18px}.mobilespex-compare-table{min-width:720px}.mobilespex-compare-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:99999;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);box-shadow:0 8px 30px #0003}.mobilespex-compare-bar .names{max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobilespex-compare-bar button{background:#fff;color:#111827;border:0;border-radius:8px;padding:9px 13px;font-weight:700;cursor:pointer}.mobilespex-new-compare{background:#111827;color:#fff!important;margin-top:18px}.mobilespex-compare-actions{text-align:center}.mobilespex-empty{padding:20px;background:#f8fafc;border-radius:10px}@media(max-width:600px){.mobilespex-spec-head{align-items:flex-start;flex-direction:column}.mobilespex-compare-bar{width:calc(100% - 24px);justify-content:space-between}.mobilespex-compare-bar .names{max-width:58%}}
/* v1.1.2: compact comparison columns */
.mobilespex-compare-table{
    width:max-content;
    min-width:100%;
    table-layout:auto;
}
.mobilespex-compare-table th:first-child,
.mobilespex-compare-table td:first-child{
    width:1%;
    white-space:nowrap;
}
.mobilespex-compare-table th:not(:first-child),
.mobilespex-compare-table td:not(:first-child){
    width:auto;
    white-space:normal;
}

/* v1.1.3: stronger comparison table readability */
.mobilespex-compare-table{
    border-collapse:collapse !important;
    border:1px solid #b8bec7 !important;
    color:#222 !important;
}
.mobilespex-compare-table th,
.mobilespex-compare-table td{
    border:1px solid #b8bec7 !important;
    color:#222 !important;
    font-weight:600 !important;
    background:#fff;
    padding:12px 14px !important;
    line-height:1.45;
}
.mobilespex-compare-table th{
    font-weight:700 !important;
    background:#f3f5f7 !important;
}
.mobilespex-compare-table tr:first-child th{
    font-weight:800 !important;
}
/* v1.2.0: search-first comparison page */
.mobilespex-phone-search-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.mobilespex-search-box{position:relative}.mobilespex-search-box label{display:block;font-weight:700;margin-bottom:7px}.mobilespex-phone-search{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:9px;font-size:15px;background:#fff}.mobilespex-phone-search:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.mobilespex-search-results{position:relative;z-index:20}.mobilespex-search-result{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e2e8f0;border-top:0;background:#fff;padding:11px 12px;cursor:pointer}.mobilespex-search-result:hover{background:#f8fafc}.mobilespex-search-result strong{flex:1;color:#111827}.mobilespex-search-result small{color:#475569}.mobilespex-search-result span{font-size:12px;font-weight:700;color:#2563eb}.mobilespex-search-loading,.mobilespex-no-results{padding:10px 12px;border:1px solid #e2e8f0;border-top:0;background:#fff;color:#64748b}.mobilespex-selected-phone,.mobilespex-selected-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:14px}.mobilespex-remove-slot{border:0;background:transparent;color:#b42318;font-weight:700;cursor:pointer}.mobilespex-extra-searches{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mobilespex-compare-selected{margin:10px 0}.mobilespex-compare-search-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.mobilespex-add-phone-search{border:1px solid #cbd5e1;background:#fff;color:#111827;border-radius:8px;padding:9px 13px;font-weight:700;cursor:pointer}.mobilespex-search-compare-now{display:block;width:100%;border:0;border-radius:9px;padding:13px 16px;background:#111827;color:#fff;font-weight:800;cursor:pointer;margin:14px 0 20px}.mobilespex-search-compare-now:disabled{opacity:.45;cursor:not-allowed}.mobilespex-compare-intro{margin-top:0}.mobilespex-new-compare{cursor:pointer}
@media(max-width:700px){.mobilespex-phone-search-wrap,.mobilespex-extra-searches{grid-template-columns:1fr}.mobilespex-extra-searches{grid-column:auto}}

/* v1.2.2: compact overlay search results */
.mobilespex-search-box{position:relative;}
.mobilespex-search-results{position:absolute;left:0;right:0;top:100%;z-index:9999;max-height:260px;overflow-y:auto;background:#fff;border-radius:0 0 9px 9px;box-shadow:0 8px 24px #0002;}
.mobilespex-search-result{min-height:48px;border:1px solid #e2e8f0;border-top:0;padding:9px 12px;}
.mobilespex-search-result strong{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.35;}
.mobilespex-search-result span{flex:0 0 auto;white-space:nowrap;}
.mobilespex-search-loading,.mobilespex-no-results{border:1px solid #e2e8f0;border-top:0;}


/* v1.2.3: responsive page overflow fix while keeping comparison table side-by-side */
.mobilespex-compare-page{width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box;}
.mobilespex-phone-search-wrap,.mobilespex-extra-searches{width:100%;max-width:100%;min-width:0;box-sizing:border-box;}
.mobilespex-search-box{min-width:0;max-width:100%;box-sizing:border-box;}
.mobilespex-phone-search,.mobilespex-search-result,.mobilespex-selected-phone,.mobilespex-selected-slot{max-width:100%;box-sizing:border-box;}
.mobilespex-search-results{max-width:100%;box-sizing:border-box;overflow-x:hidden;}
.mobilespex-search-result strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.mobilespex-compare-result{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.mobilespex-compare-table{width:100%;min-width:720px;box-sizing:border-box;}
@media(max-width:700px){
  .mobilespex-compare-page{overflow-x:hidden;}
  .mobilespex-phone-search-wrap,.mobilespex-extra-searches{min-width:0;}
  .mobilespex-compare-result{max-width:100%;overflow-x:auto;}
  .mobilespex-compare-table{min-width:720px;}
}


/* v1.2.7: compact mobile comparison table so up to 4 phones can remain visible */
@media(max-width:700px){
  .mobilespex-compare-result{overflow-x:hidden;}
  .mobilespex-compare-table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    font-size:10px !important;
  }
  .mobilespex-compare-table th,
  .mobilespex-compare-table td{
    padding:5px 4px !important;
    line-height:1.25 !important;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .mobilespex-compare-table th:first-child,
  .mobilespex-compare-table td:first-child{
    width:23% !important;
    white-space:normal !important;
  }
  .mobilespex-compare-table th:not(:first-child),
  .mobilespex-compare-table td:not(:first-child){
    width:auto !important;
  }
  .mobilespex-compare-table th{font-size:10px !important;}
}
@media(max-width:400px){
  .mobilespex-compare-table{font-size:9px !important;}
  .mobilespex-compare-table th,
  .mobilespex-compare-table td{padding:4px 3px !important;}
  .mobilespex-compare-table th{font-size:9px !important;}
}

/* v1.2.7: adaptive mobile comparison table based on phone count */
@media(max-width:700px){
  .mobilespex-compare-result{overflow-x:hidden;}
  .mobilespex-compare-table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    box-sizing:border-box;
  }
  .mobilespex-compare-table th,
  .mobilespex-compare-table td{
    word-break:break-word;
    overflow-wrap:anywhere;
    white-space:normal !important;
  }
  /* 2 phones: use the available screen width and keep text comfortably readable */
  .mobilespex-compare-table.compare-count-2{
    font-size:13px !important;
  }
  .mobilespex-compare-table.compare-count-2 th,
  .mobilespex-compare-table.compare-count-2 td{
    padding:8px 7px !important;
    line-height:1.35 !important;
  }
  .mobilespex-compare-table.compare-count-2 th:first-child,
  .mobilespex-compare-table.compare-count-2 td:first-child{width:27% !important;}
  .mobilespex-compare-table.compare-count-2 th:not(:first-child),
  .mobilespex-compare-table.compare-count-2 td:not(:first-child){width:36.5% !important;}
  /* 3 phones: fit all columns on screen while remaining readable */
  .mobilespex-compare-table.compare-count-3{
    font-size:11.5px !important;
  }
  .mobilespex-compare-table.compare-count-3 th,
  .mobilespex-compare-table.compare-count-3 td{
    padding:6px 4px !important;
    line-height:1.28 !important;
  }
  .mobilespex-compare-table.compare-count-3 th:first-child,
  .mobilespex-compare-table.compare-count-3 td:first-child{width:25% !important;}
  .mobilespex-compare-table.compare-count-3 th:not(:first-child),
  .mobilespex-compare-table.compare-count-3 td:not(:first-child){width:25% !important;}
  /* 4 phones: compact enough to keep all four phone columns visible */
  .mobilespex-compare-table.compare-count-4{
    font-size:10px !important;
  }
  .mobilespex-compare-table.compare-count-4 th,
  .mobilespex-compare-table.compare-count-4 td{
    padding:5px 3px !important;
    line-height:1.22 !important;
  }
  .mobilespex-compare-table.compare-count-4 th:first-child,
  .mobilespex-compare-table.compare-count-4 td:first-child{width:22% !important;}
  .mobilespex-compare-table.compare-count-4 th:not(:first-child),
  .mobilespex-compare-table.compare-count-4 td:not(:first-child){width:19.5% !important;}
}
@media(max-width:400px){
  .mobilespex-compare-table.compare-count-2{font-size:12px !important;}
  .mobilespex-compare-table.compare-count-2 th,
  .mobilespex-compare-table.compare-count-2 td{padding:7px 5px !important;}
  .mobilespex-compare-table.compare-count-3{font-size:10.5px !important;}
  .mobilespex-compare-table.compare-count-3 th,
  .mobilespex-compare-table.compare-count-3 td{padding:5px 3px !important;}
  .mobilespex-compare-table.compare-count-4{font-size:9px !important;}
  .mobilespex-compare-table.compare-count-4 th,
  .mobilespex-compare-table.compare-count-4 td{padding:4px 2px !important;}
}