.ks-tracking-page{max-width:900px;margin:40px auto;padding:0 20px;box-sizing:border-box}.ks-tracking-search{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:30px;margin-bottom:35px;box-shadow:0 4px 18px rgb(0 0 0 / .05)}.ks-tracking-search>p{margin:0 0 25px;font-size:16px;line-height:1.6;color:#555}.ks-tracking-search form{display:flex;flex-direction:column;gap:18px}.ks-tracking-field{display:flex;flex-direction:column;gap:7px}.ks-tracking-field label{font-weight:600;font-size:14px;color:#333}.ks-tracking-field input{width:100%;padding:12px 14px;border:1px solid #d9d9d9;border-radius:7px;background:#fff;font-size:15px;line-height:1.4;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease}.ks-tracking-field input:focus{outline:none;border-color:#999;box-shadow:0 0 0 3px rgb(0 0 0 / .06)}.ks-tracking-or{display:flex;align-items:center;gap:15px;margin:2px 0;color:#999;font-size:12px;font-weight:600;letter-spacing:.08em}.ks-tracking-or::before,.ks-tracking-or::after{content:"";flex:1;height:1px;background:#e5e5e5}.ks-tracking-or span{flex:0 0 auto}.ks-tracking-search button{align-self:center;padding:12px 24px;border:0;border-radius:7px;background:#222;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease}.ks-tracking-search button:hover{background:#444;transform:translateY(-1px)}.ks-tracking-search button:focus{outline:none;box-shadow:0 0 0 3px rgb(0 0 0 / .12)}.ks-tracking-error{margin-bottom:30px;padding:15px 18px;border-radius:8px;background:#fff5f5;border:1px solid #f0caca;color:#a33;font-size:14px}.ks-tracking-result{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:30px;box-shadow:0 4px 18px rgb(0 0 0 / .05)}.ks-tracking-result h2{margin:0 0 20px;font-size:24px;line-height:1.3;color:#222}.ks-tracking-status{margin-bottom:25px}.ks-status{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.2;text-transform:capitalize}.ks-status{background:#f1f1f1;color:#555}.ks-status-pending{background:#fff4d6;color:#8a6200}.ks-status-in-transit,.ks-status-in_transit{background:#e8f2ff;color:#1769aa}.ks-status-delivered{background:#e7f7ed;color:#18733c}.ks-status-completed{background:#e7f7ed;color:#18733c}.ks-status-cancelled,.ks-status-canceled{background:#fceaea;color:#a33}.ks-tracking-status-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#f5f5f5;flex-shrink:0}.ks-tracking-status-icon span{display:block;font-size:30px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.ks-tracking-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:35px}.ks-tracking-detail{display:flex;flex-direction:column;gap:5px;padding:15px;background:#fafafa;border:1px solid #eee;border-radius:8px}.ks-tracking-detail strong{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#888}.ks-tracking-detail span{font-size:14px;color:#333;word-break:break-word}.ks-tracking-history{margin-top:10px}.ks-tracking-history h3{margin:0 0 25px;font-size:20px;line-height:1.3;color:#222}.ks-tracking-timeline{position:relative;margin:0;padding:0;list-style:none}.ks-tracking-timeline::before{content:"";position:absolute;top:10px;bottom:10px;left:13px;width:2px;background:#e4e4e4}.ks-tracking-event{position:relative;display:flex;gap:22px;padding:0 0 30px;margin:0}.ks-tracking-event:last-child{padding-bottom:0}.ks-tracking-event-marker{position:relative;z-index:2;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #cfcfcf;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.ks-tracking-event-marker{position:relative;z-index:2;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #cfcfcf;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;color:#222}.ks-tracking-event:first-child .ks-tracking-event-marker{border-color:#222}.ks-tracking-event-content{flex:1;min-width:0;padding:0 0 3px}.ks-tracking-event-date{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:#888;line-height:1.4}.ks-tracking-event-title{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4;color:#222}.ks-tracking-event-details{margin:0 0 6px;font-size:14px;line-height:1.5;color:#555}.ks-tracking-event-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#777;line-height:1.4}.ks-tracking-event-location::before{content:"●";font-size:8px;color:#999}.ks-tracking-event:not(:last-child) .ks-tracking-event-content::after{content:"↑";display:block;margin-top:18px;font-size:18px;line-height:1;color:#c5c5c5}@media (max-width:767px){.ks-tracking-page{margin:25px auto;padding:0 15px}.ks-tracking-search,.ks-tracking-result{padding:20px;border-radius:10px}.ks-tracking-result h2{font-size:21px}.ks-tracking-details{grid-template-columns:1fr;gap:10px}.ks-tracking-event{gap:15px;padding-bottom:25px}.ks-tracking-event-marker{flex-basis:26px;width:26px;height:26px}.ks-tracking-timeline::before{left:12px}.ks-tracking-event-title{font-size:15px}.ks-tracking-event-details{font-size:13px}.ks-tracking-event-date{font-size:11px}.ks-tracking-search button{width:100%;align-self:stretch}}@media (prefers-reduced-motion:reduce){.ks-tracking-field input,.ks-tracking-search button{transition:none}}.ks-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:17px;font-weight:700;line-height:1.2;vertical-align:middle;box-sizing:border-box;margin-top:10px}.ks-status-badge.ks-status-in-transit,.ks-status-badge.ks-status-in_transit{background:#e8f2ff;color:#1769aa}.ks-status-badge.ks-status-delivered,.ks-status-badge.ks-status-completed{background:#e7f7ed;color:#18733c}.ks-status-badge.ks-status-pending{background:#fff4d6;color:#8a6200}.ks-status-badge.ks-status-cancelled,.ks-status-badge.ks-status-canceled{background:#fceaea;color:#a33}.ks-tracking-status-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;background:none!important;border-radius:0!important;flex-shrink:0!important}.ks-tracking-status-icon .ks-status-emoji{display:inline-block!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-size:23px!important;font-weight:normal!important;font-style:normal!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important}.ks-status-label{display:inline-block}