:root{--primary: #E05424;--secondary: #E05424;--dark: #000000;--light: #FFFFFF;--accent: #E05424;--success: #06D6A0;--warning: #FFD166;--danger: #EF476F;--cream: #F1F0EC;--line: #707070;--gray-50: #fafafa;--gray-100: #f7fafc;--gray-200: #edf2f7;--gray-300: #e2e8f0;--gray-400: #cbd5e0;--gray-500: #a0aec0;--gray-600: #718096;--gray-700: #4a5568;--gray-800: #2d3748;--gray-900: #1a202c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;color:var(--dark);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,var(--primary) 0%,#F07D57 100%);color:#fff;padding:60px 0;text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.6}.header h1{font-size:48px;font-weight:700;margin-bottom:20px;position:relative;z-index:1}.header p{font-size:20px;max-width:800px;margin:0 auto 30px;position:relative;z-index:1}.header-cta{display:inline-block;margin-top:10px;background:#fff;color:var(--primary);padding:12px 30px;font-size:16px;font-weight:600;border-radius:30px;text-decoration:none;box-shadow:0 4px 10px #00000026;position:relative;z-index:10;transition:all .3s}.header-cta:hover{transform:translateY(-3px);box-shadow:0 6px 15px #e0542440;background-color:#fff8f5}.navigation{background-color:#fff;padding:8px 0;box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100;overflow-x:auto}.nav-links{display:flex;justify-content:center;align-items:center;margin:0;padding:0;height:40px;gap:30px;list-style:none}.nav-links li{margin:0}.nav-links a{text-decoration:none;color:var(--gray-700);font-weight:500;padding:5px 0;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary);transition:width .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:36px;display:inline-block;padding-bottom:10px;position:relative}.section-title h2:after{content:"";position:absolute;width:70px;height:3px;background-color:var(--primary);bottom:0;left:50%;transform:translate(-50%)}.planner-section{background-color:var(--gray-50)}.planner-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.quick-routes-card,.custom-route-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px #0000001a}.quick-routes-card h3,.custom-route-card h3{color:var(--primary);margin-bottom:1rem;font-size:24px}.quick-routes-card p{color:var(--gray-600);margin-bottom:2rem}.popular-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.route-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--gray-50);border:2px solid var(--gray-300);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.route-btn:hover{border-color:var(--primary);background:#e054240d;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.route-icon{font-size:32px;flex-shrink:0}.route-info{flex-grow:1}.route-info h4{color:var(--gray-800);margin-bottom:.5rem;font-size:16px}.route-info p{color:var(--gray-600);font-size:14px;margin-bottom:.5rem}.route-distance{font-size:12px;color:var(--primary);font-weight:600}.route-builder{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.cities-selection h4,.route-options h4{color:var(--gray-800);margin-bottom:1rem;font-size:18px}.cities-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.city-stop{display:grid;grid-template-columns:2fr 1fr auto;gap:.75rem;align-items:center}.city-select,.days-input{padding:.75rem;border:2px solid var(--gray-300);border-radius:8px;font-size:14px}.city-select:focus,.days-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e054241a}.remove-city{background:none;border:none;font-size:16px;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.remove-city:hover{background:#ef44441a}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-label{font-weight:600;color:var(--gray-700);font-size:14px}.option-select,.option-input{padding:.75rem;border:2px solid var(--gray-300);border-radius:8px;font-size:14px}.option-select:focus,.option-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e054241a}.build-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary:hover{background:#d04e1f;transform:translateY(-1px);box-shadow:0 4px 12px #e0542433}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--primary);border:2px solid var(--primary);padding:.75rem 1.5rem;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.routes-section{background-color:#fff}.routes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.route-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px #0000001a;border-left:4px solid var(--gray-400);transition:all .3s ease}.route-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.route-card.featured{border-left-color:var(--primary);background:linear-gradient(135deg,#e0542408,#fff)}.route-card.epic{border-left-color:var(--warning);background:linear-gradient(135deg,#ffd16608,#fff)}.route-header{margin-bottom:1.5rem}.route-header h3{color:var(--gray-800);margin-bottom:1rem;font-size:20px}.route-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.difficulty.easy{background:#22c55e1a;color:#15803d}.badge.difficulty.hard{background:#ef44441a;color:#dc2626}.badge.difficulty.expert{background:#7c3aed1a;color:#7c3aed}.badge.duration{background:#3b82f61a;color:#1d4ed8}.badge.cost{background:#e054241a;color:var(--primary)}.route-map{margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:8px}.route-path{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stop{background:#fff;padding:.5rem 1rem;border-radius:20px;font-size:12px;font-weight:600;color:var(--gray-700);border:2px solid var(--primary)}.connector{color:var(--gray-500);font-size:12px;font-weight:500}.route-highlights{margin-bottom:1.5rem}.route-highlights h4{color:var(--primary);margin-bottom:.75rem;font-size:14px}.route-highlights ul{list-style:none;padding:0}.route-highlights li{padding:.25rem 0;font-size:13px;color:var(--gray-600);position:relative;padding-left:15px}.route-highlights li:before{content:"\2022";color:var(--primary);font-weight:700;position:absolute;left:0}.route-costs{background:var(--gray-50);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.cost-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:13px}.cost-item:last-child{margin-bottom:0}.cost-item span:first-child{color:var(--gray-600)}.cost-item span:last-child{font-weight:600;color:var(--gray-800)}.route-action{width:100%;background:var(--primary);color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.route-action:hover{background:#d04e1f;transform:translateY(-1px)}.route-tips{background:var(--cream);border-radius:15px;padding:2rem}.route-tips h3{color:var(--primary);margin-bottom:1.5rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tip-item{background:#fff;padding:1.5rem;border-radius:10px;border-left:4px solid var(--primary)}.tip-item h4{color:var(--gray-800);margin-bottom:.75rem;font-size:16px}.tip-item p{color:var(--gray-600);font-size:14px;line-height:1.5}.calculator-section{background-color:var(--gray-50)}.calculator-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.trip-summary-card,.cost-breakdown-card,.savings-tips-card,.work-calculator-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px #0000001a}.trip-summary-card h3,.cost-breakdown-card h3,.savings-tips-card h3,.work-calculator-card h3{color:var(--gray-800);margin-bottom:1.5rem;font-size:20px;border-bottom:2px solid var(--primary);padding-bottom:.5rem}.summary-placeholder{text-align:center;color:var(--gray-500);font-style:italic;padding:2rem}.trip-header h4{color:var(--primary);margin-bottom:1rem;font-size:18px}.trip-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.trip-meta span{background:var(--gray-100);padding:.5rem 1rem;border-radius:20px;font-size:12px;color:var(--gray-700)}.trip-details{display:grid;grid-template-columns:1fr;gap:.75rem}.detail-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--gray-50);border-radius:8px;font-size:14px}.detail-item span:first-child{color:var(--gray-600)}.detail-item span:last-child{font-weight:600;color:var(--gray-800)}.cost-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.cost-category{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--gray-50);border-radius:10px;transition:all .3s ease}.cost-category:hover{background:var(--gray-100);transform:translateY(-2px)}.category-icon{font-size:24px;flex-shrink:0}.category-details{flex-grow:1}.category-details h4{color:var(--gray-700);margin-bottom:.5rem;font-size:14px}.cost-amount{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:.25rem}.cost-details{font-size:12px;color:var(--gray-500)}.total-cost{background:linear-gradient(135deg,var(--primary) 0%,#F07D57 100%);color:#fff;padding:1.5rem;border-radius:10px;text-align:center}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:18px}.total-amount{font-size:32px;font-weight:700}.per-person{display:flex;justify-content:space-between;font-size:14px;opacity:.9}.savings-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.savings-option{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--gray-50);border-radius:10px;cursor:pointer;transition:background-color .2s}.savings-option:hover{background:var(--gray-100)}.savings-checkbox{width:20px;height:20px;margin-top:2px;accent-color:var(--primary);cursor:pointer}.option-content{flex-grow:1}.option-content h4{color:var(--gray-800);margin-bottom:.5rem;font-size:14px}.option-content p{color:var(--gray-600);font-size:13px;margin-bottom:.5rem;line-height:1.4}.savings-amount{background:#06d6a01a;color:var(--success);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.savings-result{background:#06d6a01a;padding:1.5rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}.result-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.savings-amount-total{font-size:20px;font-weight:700;color:var(--success)}.new-total-amount{font-size:20px;font-weight:700;color:var(--primary)}.work-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.input-group{position:relative}.input-group label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:14px}.input-group input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid var(--gray-300);border-radius:8px;font-size:16px}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e054241a}.currency{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:14px;pointer-events:none}.work-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1.5rem}.work-stat{text-align:center;padding:1.5rem;background:var(--gray-50);border-radius:10px}.stat-number{font-size:32px;font-weight:700;color:var(--primary);display:block;margin-bottom:.5rem}.stat-label{font-size:12px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.work-motivation{background:#06d6a01a;padding:1rem;border-radius:8px;text-align:center;color:var(--success);font-weight:600}.tips-section{background-color:#fff}.tips-categories{display:grid;grid-template-columns:1fr;gap:3rem}.tip-category{background:var(--gray-50);border-radius:15px;padding:2rem}.tip-category h3{color:var(--primary);margin-bottom:2rem;font-size:24px;text-align:center;border-bottom:2px solid var(--cream);padding-bottom:1rem}.tips-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tip-card{background:#fff;border-radius:10px;padding:1.5rem;border-left:4px solid var(--primary);box-shadow:0 2px 10px #0000000d}.tip-card h4{color:var(--gray-800);margin-bottom:1rem;font-size:16px}.tip-card p{color:var(--gray-600);font-size:14px;line-height:1.5;margin-bottom:.75rem}.tip-card p:last-child{margin-bottom:0}.tip-card strong{color:var(--gray-800)}.checklist-section{background-color:var(--gray-50)}.checklists-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.checklist-category{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px #0000001a}.checklist-category h3{color:var(--primary);margin-bottom:1.5rem;font-size:18px;border-bottom:2px solid var(--cream);padding-bottom:.5rem}.checklist-items{display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--gray-50);border-radius:8px;cursor:pointer;transition:background-color .2s}.checklist-item:hover{background:var(--gray-100)}.checklist-checkbox{width:18px;height:18px;margin-top:2px;accent-color:var(--primary);cursor:pointer}.checklist-item span{font-size:14px;color:var(--gray-700);line-height:1.4}.checklist-progress{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px #0000001a;text-align:center}.checklist-progress h3{color:var(--primary);margin-bottom:1.5rem}.progress-bar{width:100%;height:12px;background:var(--gray-200);border-radius:6px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,#05b890 100%);border-radius:6px;transition:width .5s ease}.progress-stats{font-size:18px;color:var(--gray-700);margin-bottom:1rem}.progress-percentage{color:var(--primary);font-weight:600}.progress-message{font-size:16px;color:var(--success);font-weight:600;font-style:italic}.emergency-section{background-color:#fff}.emergency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.emergency-card{background:var(--gray-50);border-radius:15px;padding:2rem;border-left:4px solid var(--danger)}.emergency-card h3{color:var(--danger);margin-bottom:1.5rem;font-size:18px}.emergency-numbers{display:flex;flex-direction:column;gap:1rem}.number-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px}.number-item .number{background:var(--danger);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:14px;min-width:100px;text-align:center}.number-item .description{font-size:14px;color:var(--gray-700)}.first-aid-tips,.breakdown-tips{display:flex;flex-direction:column;gap:1.5rem}.aid-tip,.breakdown-tip{background:#fff;padding:1.5rem;border-radius:8px}.aid-tip h4,.breakdown-tip h4{color:var(--gray-800);margin-bottom:.75rem;font-size:14px}.aid-tip p,.breakdown-tip p{color:var(--gray-600);font-size:13px;line-height:1.5}.notification{position:fixed;top:20px;right:20px;background:#fff;color:var(--gray-800);padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;transform:translate(100%);transition:transform .3s ease;max-width:300px}.notification.show{transform:translate(0)}.notification.success{border-left:4px solid var(--success)}.notification.error{border-left:4px solid var(--danger)}.notification.warning{border-left:4px solid var(--warning)}@media (max-width: 768px){.header h1{font-size:32px}.header p{font-size:18px}.section{padding:60px 0}.section-title h2{font-size:28px}.nav-links{overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding-bottom:5px;margin-bottom:-5px;min-width:min-content}.popular-routes,.route-builder{grid-template-columns:1fr}.city-stop{grid-template-columns:1fr auto auto;gap:.5rem}.options-grid{grid-template-columns:1fr}.build-actions{flex-direction:column}.routes-grid{grid-template-columns:1fr}.route-badges{justify-content:center}.route-path{font-size:12px}.tips-grid,.cost-categories,.savings-options,.work-inputs{grid-template-columns:1fr}.work-results{grid-template-columns:repeat(2,1fr)}.tips-list,.checklists-container,.emergency-grid{grid-template-columns:1fr}.trip-meta{flex-direction:column;gap:.5rem}.total-row{font-size:16px}.total-amount{font-size:24px}}@media (max-width: 480px){.quick-routes-card,.custom-route-card,.trip-summary-card,.cost-breakdown-card,.savings-tips-card,.work-calculator-card,.checklist-category,.checklist-progress,.emergency-card{padding:1rem}.route-btn{padding:1rem;flex-direction:column;text-align:center}.route-icon{font-size:24px}.route-info h4{font-size:14px}.city-stop{grid-template-columns:1fr;gap:.5rem}.cost-category{padding:1rem}.cost-amount{font-size:16px}.stat-number{font-size:24px}.work-results{grid-template-columns:1fr}.notification{right:10px;left:10px;max-width:none;transform:translateY(-100%)}.notification.show{transform:translateY(0)}}@media print{.navigation,.planner-section,.build-actions,.route-action,.savings-tips-card,.work-calculator-card{display:none}.route-card,.trip-summary-card,.cost-breakdown-card,.checklist-category,.emergency-card{box-shadow:none;border:1px solid var(--gray-300)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/roadtrip-calculator.css.map */