.savings-calculator{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:10px;color:#333}.calculator-header{text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #4a6fa5}.calculator-header h1{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.subtitle{color:#666;font-size:.9rem;font-weight:500;text-align:center}.instructions{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;line-height:1.6}.instructions p{margin-bottom:15px}.instructions .note{background-color:#fff3cd;padding:15px;border-radius:5px;border-left:4px solid #ffc107;margin-top:20px;font-style:italic}.total-savings-display{text-align:center;padding:30px;background:linear-gradient(156deg,#2a7b9b 58%,#57c785 77%,#eddd53 100%);border-radius:10px;color:#fff;-webkit-box-flex:3;-ms-flex:3;flex:3}.total-savings-display h2{margin-bottom:15px;font-size:1.8rem;font-weight:500;color:#fff}.total-amount{font-size:3.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.calculator-table-container{overflow-x:auto;margin:40px 0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px}.calculator-table{width:100%;border-collapse:collapse;background-color:#fff}.calculator-table th{background-color:#2c3e50;color:#fff;padding:15px;text-align:left;font-weight:600;border-bottom:3px solid #4a6fa5}.calculator-table td{padding:12px 15px;border-bottom:1px solid #e1e1e1}.calculator-table tr:nth-child(2n){background-color:#f8f9fa}.calculator-table tr:hover{background-color:#e8f4fc}.retailer-name{font-weight:600;color:#2c3e50}.discount{color:#28a745;font-weight:700;font-size:1.1rem}.amount-input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.currency-symbol{margin-right:5px;color:#4a6fa5;font-weight:700}.amount-input{width:120px;padding:8px 12px;border:2px solid #4a6fa5;border-radius:4px;font-size:1rem;-webkit-transition:all .3s;transition:all .3s}.amount-input:focus{outline:0;border-color:#2c3e50;-webkit-box-shadow:0 0 0 3px rgba(74,111,165,.2);box-shadow:0 0 0 3px rgba(74,111,165,.2)}.frequency-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.frequency-dropdown{padding:8px 12px;border:2px solid #4a6fa5;border-radius:4px;background-color:#fff;font-size:1rem;margin-right:10px;min-width:150px;cursor:pointer}.frequency-dropdown:focus{outline:0;border-color:#2c3e50}.checkmark{color:#28a745;font-size:1.2rem}.annual-saving{font-weight:700;color:#2c3e50;font-size:1.1rem}.total-footer{text-align:right;padding:20px;background-color:#2c3e50;color:#fff;border-radius:8px;font-size:1.3rem;margin-top:20px}.total-footer strong{margin-right:10px}@media (max-width:768px){.savings-calculator{padding:10px}.calculator-table th{padding:8px 10px;font-size:.9rem}.calculator-table td{padding:8px 10px;font-size:.9rem}.total-amount{font-size:2.5rem}.amount-input{width:100%;min-width:unset}.frequency-dropdown{width:100%;min-width:unset}}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-child{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:20px}.flex-child:first-child{margin-right:20px;-webkit-box-flex:2;-ms-flex:2;flex:2}@media (max-width:600px){.flex-child{-ms-flex-preferred-size:100%;flex-basis:100%}}