.tracking-card{background:#fff;border:1px solid #e0e0e0;width:100%;margin:20px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tracking-card .tracking-header{background-color:#ffe8d1;border-bottom:1px solid #f1d2b5;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.tracking-card .header-left{align-items:center;gap:8px;display:flex}.tracking-card .header-title{color:#010e1e;font-size:18px;font-weight:600}.tracking-card .location-icon{align-items:center;display:flex}.tracking-card .location-icon svg{color:#000;font-size:20px}.tracking-card .status-pill{color:#38b2ac;background:#e3fffe no-repeat padding-box padding-box;border:1px solid #ace1df;border-radius:15px;padding:4px 12px;font-size:12px}.tracking-card .tracking-body{background:#fffaf5 no-repeat padding-box padding-box;padding:20px}.tracking-card .summary-box{background:#fff no-repeat padding-box padding-box;border:1px solid #dfdfdf;border-radius:7px;justify-content:space-between;margin-bottom:30px;padding:15px;display:flex}.tracking-card .summary-label{color:#010e1e;margin-bottom:5px;font-family:Raleway;font-size:14px;display:block}.tracking-card .summary-value{color:#000;font-family:Roboto Slab;font-size:18px;font-weight:700}.tracking-card .est-delivery{color:#884200;font-family:Raleway;font-size:14px}.tracking-card .est-date{color:#884200;font-family:Roboto Slab;font-size:18px;font-weight:700}.tracking-card .text-right{text-align:right}.tracking-card .timeline-container{padding-left:20px;position:relative}.tracking-card .timeline-container:before{content:"";border-left:2px dashed #444;width:2px;height:90%;position:absolute;top:0;bottom:20px;left:34px}.tracking-card .timeline-item{margin-bottom:40px;display:flex;position:relative}.tracking-card .timeline-dot-container{z-index:1;justify-content:center;width:30px;display:flex}.tracking-card .dot{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.tracking-card .dot.filled{border:2px solid #a67c52}.tracking-card .dot.outline{border:4px solid #b87332;width:18px;height:18px}.tracking-card .inner-dot{background:#b87332;border-radius:50%;width:12px;height:12px}.tracking-card .timeline-content{flex:1;padding:0 15px}.tracking-card .step-title{color:#b87332;opacity:1;margin:0;font-size:18px;font-weight:600}.tracking-card .step-description{color:#010e1e;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:60%;margin:5px 0 0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.tracking-card .timeline-date-time{text-align:right;min-width:80px;font-family:Roboto Slab}.tracking-card .step-date{color:#010e1e;font-size:14px;font-weight:500}.tracking-card .step-time{color:#333;font-size:11px}@media (min-width:0) and (max-width:574px){.tracking-card .tracking-card{max-width:100%}.tracking-card .step-title{font-size:14px}.tracking-card .step-description{font-size:13px}.tracking-card .summary-box{flex-direction:column;gap:10px}.tracking-card .timeline-date-time{text-align:left;margin-top:8px}.tracking-card .header-title,.tracking-card .summary-value{font-size:14px}.tracking-card .summary-label{font-size:13px}.tracking-card .tracking-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (min-width:575px) and (max-width:991px){.tracking-card .header-title,.tracking-card .summary-value{font-size:14px}.tracking-card .summary-label{font-size:13px}.tracking-card .step-description{max-width:83%}}@media (min-width:0) and (max-width:576px){.tracking-card .timeline-container{padding-left:0}.tracking-card .timeline-container:before{height:88%;left:15px}.tracking-card .step-description{max-width:100%}.tracking-card .tracking-body{padding:10px}}
.order-info-card{background:#fff;border:1px solid #b873323d;padding:20px}.order-info-card .order-info-title{color:#343434;margin-bottom:15px;font-family:Raleway;font-size:16px;font-weight:600}.order-info-card .order-info-box{background:#f5f5f5;border-radius:4px;margin-bottom:15px;padding:15px}.order-info-card .info-row{align-items:flex-start;margin-bottom:12px;display:flex}.order-info-card .info-row:last-child{margin-bottom:0}.order-info-card .label{color:#343434;word-break:break-word;min-width:150px;font-size:14px}.order-info-card .value{color:#333;word-break:break-word;-webkit-line-clamp:2;overflow-wrap:break-word;word-break:normal;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}@media (min-width:0) and (max-width:574px){.order-info-card .info-row{flex-direction:column;gap:4px;margin-bottom:20px}}
.order-summary-card{background:#fff;border:1px solid #b873323d;margin-top:20px;padding:20px}.order-summary-card .order-summary-title{color:#343434;margin-bottom:15px;font-family:Raleway;font-size:16px;font-weight:600}.order-summary-card .order-summary-box{background:#f5f5f5;border-radius:4px;padding:15px}.order-summary-card .summary-row{border:none;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.order-summary-card .summary-row:last-child{margin-bottom:0}.order-summary-card .label{color:#3d3a3a;font-size:18px;font-weight:500}.order-summary-card .value{color:#3d3a3a;font-family:Roboto Slab;font-size:18px;font-weight:700}.order-summary-card .total-row .label,.order-summary-card .total-value{color:#884200;font-weight:700}.order-summary-card .rating-section{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.order-summary-card .rating-label{color:#555;font-size:14px}.order-summary-card .stars{color:#333;letter-spacing:3px;cursor:pointer;font-size:18px}.order-summary-card .submit-link{text-align:right;margin-top:10px}.order-summary-card .submit-link a{color:#333;cursor:pointer;font-size:13px;text-decoration:underline}@media (min-width:0) and (max-width:574px){.order-summary-card .label,.order-summary-card .value{font-size:14px}.order-summary-card{padding:7px}}@media (min-width:992px) and (max-width:1199px){.tracking-card .step-description{max-width:88%}}@media (min-width:768px) and (max-width:991.98px){.order-summary-card .label,.order-summary-card .value{font-size:17px}}@media (min-width:576px) and (max-width:767.98px){.order-summary-card .label,.order-summary-card .value{font-size:16px}}