.track-order-page{width:100%;min-height:100vh;background-color:#faf8f5;color:#2b2520;font-family:var(--font-body,system-ui,-apple-system,sans-serif);overflow-x:hidden}.track-container{max-width:1220px;margin:0 auto;padding:0 1.5rem}.track-hero-section{position:relative;min-height:380px;background-color:#e8ded4;background-image:linear-gradient(90deg,hsla(36,33%,97%,.96) 0,hsla(36,33%,97%,.88) 42%,hsla(36,33%,97%,.35) 75%,hsla(36,33%,97%,.1)),url(/images/track/hero-banner.jpg);background-size:cover;background-position:100%;background-repeat:no-repeat;padding:3rem 0 7rem;display:flex;align-items:center}.track-hero-content{max-width:580px}.track-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#7a6e65;margin-bottom:1.2rem}.track-breadcrumb a{color:#7a6e65;text-decoration:none;transition:color .2s ease}.track-breadcrumb a:hover{color:#8c5332}.track-breadcrumb .separator{opacity:.5}.track-breadcrumb .current{color:#2b2520;font-weight:500}.track-hero-tag{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8c5332;margin-bottom:.8rem}.track-hero-content h1{font-family:var(--font-heading,"Playfair Display",Georgia,serif);font-size:clamp(2.2rem,3.8vw,3.2rem);line-height:1.15;font-weight:600;color:#1f1a16;margin:0 0 1rem}.track-hero-content h1 .highlight-text{color:#8c5332;font-style:italic;font-weight:500}.track-hero-desc{font-size:.98rem;line-height:1.55;color:#5c524a;margin:0;max-width:440px}.track-main-card-wrap{margin-top:-4.5rem;position:relative;z-index:10;margin-bottom:3.5rem}.track-white-card{background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(40,25,15,.07);border:1px solid hsla(33,26%,85%,.8);padding:2.2rem 2.5rem}.track-card-header{margin-bottom:1.6rem}.track-card-header h2{font-family:var(--font-heading,"Playfair Display",Georgia,serif);font-size:1.65rem;color:#1f1a16;font-weight:600;margin:0 0 .4rem}.track-card-header p{font-size:.92rem;color:#6e645c;margin:0}.track-inner-cream-box{background:#faf5ee;border:1px solid hsla(35,31%,84%,.85);border-radius:14px;padding:2rem 2.2rem;display:grid;grid-template-columns:1.35fr 1fr 1.15fr;align-items:center;grid-gap:2rem;gap:2rem}.track-cream-col-login{display:flex;flex-direction:column;gap:.8rem}.track-user-icon-circle{width:52px;height:52px;border-radius:50%;background:#ede3d6;border:1px solid hsla(30,26%,70%,.6);display:flex;align-items:center;justify-content:center;color:#6d5849;margin-bottom:.2rem}.track-user-icon-circle svg{width:26px;height:26px}.track-cream-col-login h3{font-size:1.1rem;font-weight:600;color:#2b2520;margin:0}.track-cream-col-login p{font-size:.88rem;line-height:1.45;color:#6b6056;margin:0}.track-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#7a4422;color:#fff;border:none;border-radius:8px;padding:.72rem 1.4rem;font-size:.92rem;font-weight:600;cursor:pointer;text-decoration:none;width:-moz-fit-content;width:fit-content;margin-top:.4rem;transition:all .25s ease;box-shadow:0 4px 14px rgba(122,68,34,.25)}.track-login-btn:hover{background:#653619;transform:translateY(-2px);box-shadow:0 6px 18px rgba(122,68,34,.35)}.track-guest-toggle-btn{background:none;border:none;color:#8c5332;font-size:.82rem;font-weight:600;cursor:pointer;text-align:left;padding:0;margin-top:.2rem;text-decoration:underline;text-underline-offset:3px}.track-guest-toggle-btn:hover{color:#5c321b}.track-cream-col-phone,.track-phone-img-wrap{display:flex;align-items:center;justify-content:center}.track-phone-img-wrap{max-width:190px;height:175px}.track-phone-img-wrap img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;filter:drop-shadow(0 10px 18px rgba(50,30,15,.12))}.track-cream-col-features{display:flex;flex-direction:column;gap:1rem}.track-feature-item{display:flex;align-items:center;gap:.75rem}.track-feature-icon{width:24px;height:24px;min-width:24px;border-radius:50%;border:1.5px solid #8c5332;display:flex;align-items:center;justify-content:center;color:#8c5332}.track-feature-icon svg{width:13px;height:13px}.track-feature-text{font-size:.92rem;font-weight:500;color:#352d27}.track-guest-form-card{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed hsla(30,25%,76%,.8)}.track-form-grid{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:1rem;gap:1rem;align-items:flex-end}.track-form-field{display:flex;flex-direction:column;gap:.4rem}.track-form-field label{font-size:.82rem;font-weight:600;color:#4b4138;text-transform:uppercase;letter-spacing:.05em}.track-form-field input{padding:.78rem 1rem;border:1.5px solid #dcd1c4;border-radius:8px;font-size:.92rem;background:#fff;color:#2b2520;font-family:inherit;transition:all .2s ease}.track-form-field input:focus{outline:none;border-color:#8c5332;box-shadow:0 0 0 3px rgba(140,83,50,.12)}.track-submit-search-btn{padding:.78rem 1.6rem;background:#7a4422;color:#fff;border:none;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.track-submit-search-btn:hover:not(:disabled){background:#653619;transform:translateY(-2px)}.track-submit-search-btn:disabled{opacity:.7;cursor:not-allowed}.track-live-order-card{background:#fff;border:1.5px solid #8c5332;border-radius:12px;padding:1.6rem;margin-top:1.5rem;box-shadow:0 8px 24px rgba(140,83,50,.08)}.track-order-top-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ede4d8;padding-bottom:1rem;margin-bottom:1.2rem;flex-wrap:wrap;gap:.8rem}.track-order-id-group{display:flex;align-items:baseline;gap:.6rem}.track-order-id-group .label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#7a6e65;font-weight:600}.track-order-id-group .value{font-family:var(--font-heading,Georgia,serif);font-size:1.25rem;font-weight:700;color:#1f1a16}.track-order-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:20px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pill-delivered{background:#e8f5e9;color:#2e7d32}.pill-shipped{background:#fff8e1;color:#f57f17}.pill-processing{background:#fbe9e7;color:#d84315}.pill-pending{background:#efebe9;color:#5d4037}.track-order-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem;gap:1rem;background:#faf5ee;padding:1rem 1.2rem;border-radius:8px;margin-bottom:1.4rem}.track-meta-item .meta-label{font-size:.74rem;color:#7a6e65;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.track-meta-item .meta-val{font-size:.95rem;font-weight:600;color:#2b2520}.track-meta-item .meta-val.price{color:#8c5332}.track-journey-section{padding:3rem 0 4rem}.track-section-heading{margin-bottom:2.8rem}.track-section-heading h2{font-family:var(--font-heading,"Playfair Display",Georgia,serif);font-size:1.65rem;font-weight:600;color:#1f1a16;margin:0 0 .4rem}.track-section-heading p{font-size:.92rem;color:#6e645c;margin:0}.journey-stepper-row{display:flex;align-items:flex-start;justify-content:space-between;position:relative;width:100%}.journey-step-node{flex-direction:column;text-align:center;width:150px;z-index:2}.journey-step-node,.step-icon-outer{display:flex;align-items:center;position:relative}.step-icon-outer{width:66px;height:66px;border-radius:50%;background:#fbf7f2;border:1.5px solid #ded5c9;justify-content:center;color:#5c4e43;margin-bottom:1rem;transition:all .3s ease}.journey-step-node.active .step-icon-outer{border-color:#8c5332;background:#fbf2eb;color:#8c5332;box-shadow:0 0 0 4px rgba(140,83,50,.12)}.step-icon-outer svg{width:26px;height:26px}.step-badge-number{position:absolute;bottom:-4px;width:20px;height:20px;border-radius:50%;background:#7a4422;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.journey-step-node.active .step-badge-number{background:#8c5332}.step-text-title{font-size:.96rem;font-weight:700;color:#221c17;margin:0 0 .25rem}.step-text-desc{font-size:.82rem;line-height:1.4;color:#6e645c;margin:0;max-width:140px}.journey-connector-line{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative;margin-top:33px;padding:0 .5rem}.journey-connector-line:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1.5px dashed #cfc2b4;z-index:1}.journey-connector-arrow{position:relative;z-index:2;color:#8c5332;font-size:1.1rem;font-weight:700;line-height:1;background:#faf8f5;padding:0 .35rem}.track-help-section{padding:1rem 0 4rem}.help-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem}.help-card-item{background:#fbf7f2;border:1px solid hsla(33,26%,85%,.9);border-radius:12px;padding:1.3rem 1.4rem;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;transition:all .25s ease;cursor:pointer}.help-card-item:hover{transform:translateY(-3px);border-color:#8c5332;box-shadow:0 8px 24px rgba(40,25,15,.06);background:#fff}.help-card-left{gap:.9rem}.help-card-left,.help-icon-box{display:flex;align-items:center}.help-icon-box{width:44px;height:44px;min-width:44px;border-radius:10px;background:#fff;border:1px solid hsla(30,25%,76%,.5);justify-content:center;color:#8c5332;box-shadow:0 2px 8px rgba(0,0,0,.03)}.help-icon-box svg{width:22px;height:22px}.help-card-text h4{font-size:.95rem;font-weight:700;color:#221c17;margin:0 0 .2rem}.help-card-text p{font-size:.8rem;color:#736960;margin:0;line-height:1.35}.help-arrow-circle{width:32px;height:32px;min-width:32px;border-radius:50%;border:1px solid #dcd2c8;display:flex;align-items:center;justify-content:center;color:#6d5849;font-size:.9rem;font-weight:700;transition:all .2s ease}.help-card-item:hover .help-arrow-circle{background:#7a4422;border-color:#7a4422;color:#fff;transform:translateX(3px)}.track-bottom-banner-section{padding-bottom:5rem}.track-bottom-banner{position:relative;min-height:220px;border-radius:16px;overflow:hidden;background-color:#3d2c20;background-image:linear-gradient(90deg,rgba(55,35,20,.92) 0,rgba(55,35,20,.78) 38%,rgba(55,35,20,.25) 70%,rgba(55,35,20,.05)),url(/images/track/bottom-banner.jpg);background-size:cover;background-position:50%;display:flex;align-items:center;padding:2.5rem 3rem;box-shadow:0 10px 30px rgba(45,30,20,.12)}.banner-text-content{max-width:480px}.banner-text-content h2{font-family:var(--font-heading,"Playfair Display",Georgia,serif);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2;color:#fff;font-weight:500;margin:0 0 1.2rem}.banner-cta-btn{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#2b2018;padding:.68rem 1.45rem;border-radius:30px;font-size:.88rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px rgba(0,0,0,.15)}.banner-cta-btn:hover{background:#fdfbf7;color:#8c5332;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}@media (max-width:1024px){.track-inner-cream-box{grid-template-columns:1fr 1fr;gap:1.5rem}.track-cream-col-phone{grid-column:span 2;order:-1;margin-bottom:.5rem}.help-cards-grid{grid-template-columns:repeat(2,1fr)}.journey-step-node{width:120px}.step-text-title{font-size:.88rem}.step-text-desc{font-size:.78rem}}@media (max-width:768px){.track-hero-section{min-height:320px;padding:2rem 0 6rem;background-position:100%}.track-main-card-wrap{margin-top:-3.5rem}.track-white-card{padding:1.5rem}.track-inner-cream-box{grid-template-columns:1fr;padding:1.5rem}.track-cream-col-phone{grid-column:span 1}.track-form-grid{grid-template-columns:1fr}.journey-stepper-row{flex-direction:column;gap:1.5rem;align-items:flex-start;padding-left:1rem}.journey-connector-line{display:none}.journey-step-node{flex-direction:row;text-align:left;width:100%;gap:1.2rem}.step-icon-outer{margin-bottom:0}.step-text-desc{max-width:none}.help-cards-grid{grid-template-columns:1fr}.track-bottom-banner{padding:2rem 1.5rem}}