#ofnlcompare .tariff-card{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f3f3f3;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex:1 0 auto;height:100%;position:relative}#ofnlcompare .tariff-card .social-tariff{display:flex;top:0;right:0;padding:5px 10px;background:#f0f0f0;border-radius:0 5px 0 5px;border:1px solid #e2e2e2;border-top:none;border-right:none;font-weight:700}#ofnlcompare .tariff-card p{margin:5px 0}#ofnlcompare .tariff-card p strong a{color:#007bff}#ofnlcompare .tariff-card h4{margin-top:0}#ofnlcompare .tariff-card .monthly-cost{font-size:1.5rem;font-weight:700;color:#27ae60;margin:.5rem 0}#ofnlcompare .tariff-card .effective-cost-details{background:#f9f9f9;border:1px solid #d9d9d9;padding:.5rem;border-radius:8px}#ofnlcompare .tariff-card .link-wrap{display:flex;height:-moz-fit-content;height:fit-content;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:flex-end}#ofnlcompare .tariff-card .button.continue-to-deal{display:flex;background-color:#27ae60;border-radius:4px;font-weight:600;gap:5px}#ofnlcompare .tariff-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.25rem;box-shadow:0 6px 16px #0000000f;transition:box-shadow .2s ease,transform .2s ease;overflow:hidden}#ofnlcompare .tariff-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}#ofnlcompare .tariff-card .social-tariff{display:inline-flex;align-items:center;gap:6px;position:absolute;top:10px;right:10px;font-size:12px;padding:4px 10px;background:linear-gradient(135deg,#e8f5e9,#f0fff0);border-radius:999px;border:1px solid #c8e6c9;color:#1b5e20;font-weight:600}#ofnlcompare .tariff-card .social-tariff p{margin:0}#ofnlcompare .tariff-card .tariff-header{display:flex;flex-direction:column;gap:4px;margin-bottom:.25rem}#ofnlcompare .tariff-card .plan-title{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}#ofnlcompare .tariff-card .provider-line{display:inline-flex;align-items:center;gap:8px;margin:0;color:#475569;font-size:.95rem}#ofnlcompare .tariff-card .provider-link{color:#0ea5e9;text-decoration:none}#ofnlcompare .tariff-card .provider-link:hover{text-decoration:underline}#ofnlcompare .tariff-card .monthly-cost{font-size:1.9rem;font-weight:800;color:#16a34a;margin:.5rem 0 .25rem;line-height:1.1}#ofnlcompare .tariff-card .monthly-cost span{font-size:.9rem;font-weight:600;color:#64748b;margin-left:.25rem}#ofnlcompare .tariff-card .effective-note{margin:0 0 .75rem;font-size:.9rem;color:#475569}#ofnlcompare .tariff-card .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:.5rem;gap:.5rem;margin:.5rem 0 1rem}@media (max-width:480px){#ofnlcompare .tariff-card .metrics{grid-template-columns:1fr 1fr}}#ofnlcompare .tariff-card .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.55rem .6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-weight:600;text-align:center;min-width:0}#ofnlcompare .tariff-card .chip small{display:block;color:#64748b;font-weight:600;font-size:.8rem;line-height:1}#ofnlcompare .tariff-card .chip span{display:block;font-size:.95rem;font-weight:700}#ofnlcompare .tariff-card .chip svg{width:18px;height:18px;color:#16a34a}#ofnlcompare .tariff-card .effective-cost-details{background:#f9fafb;border:1px dashed #d1d5db;padding:.6rem .75rem;margin-bottom:1rem;border-radius:10px;color:#374151}#ofnlcompare .tariff-card .total{font-weight:700;color:#111827;margin-top:.25rem}#ofnlcompare .tariff-card .button.continue-to-deal{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.75rem 1rem;margin-top:1rem;background:linear-gradient(135deg,#16a34a,#22c55e);border:1px solid #16a34a;color:#fff;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:0 8px 14px #22c55e40;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#ofnlcompare .tariff-card .button.continue-to-deal:hover{transform:translateY(-1px);box-shadow:0 12px 22px #22c55e59;filter:brightness(1.02)}#ofnlcompare .tariff-card .metrics .chip-contract{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:.6rem .75rem;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px}#ofnlcompare .tariff-card .metrics .chip-contract span{font-size:1rem;font-weight:800}#ofnlcompare .tariff-card .metrics .chip-contract svg{width:20px;height:20px;color:#10b981}#ofnlcompare .tariff-card .header-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#ofnlcompare .tariff-card .header-top .plan-title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ofnlcompare .tariff-card .provider-logo{display:block;width:60px;height:40px;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2px;box-shadow:0 1px 2px #0000000a}#ofnlcompare .tariff-card .provider-logo.placeholder{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:10px;font-weight:800;color:#334155;letter-spacing:.3px;box-shadow:0 1px 2px #0000000a}