:root{--fop-green:#138a43;--fop-green-dark:#0f7338;--fop-ink:#182338;--fop-muted:#667085;--fop-border:#dce4de;--fop-soft:#f5f8f5;--fop-white:#fff;--fop-warning:#a35d00;--fop-warning-soft:#fff8e8;--fop-danger:#a33a3a;--fop-danger-soft:#fff3f3}
.fop-wrap{container-type:inline-size;max-width:1280px;margin:28px auto 36px;padding:30px;background:var(--fop-white);border:1px solid var(--fop-border);border-radius:20px;box-shadow:0 18px 44px rgba(20,35,28,.06)}
.fop-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.fop-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--fop-green-dark);margin-bottom:8px}.fop-head h2{margin:0;color:var(--fop-ink);font-size:clamp(26px,3vw,38px);line-height:1.1}.fop-head-copy p{max-width:650px;margin:10px 0 0;color:var(--fop-muted);font-size:15px;line-height:1.6}
.fop-current{min-width:260px;padding:14px 16px;background:var(--fop-soft);border:1px solid var(--fop-border);border-radius:14px}.fop-current-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--fop-muted);margin-bottom:5px}.fop-current strong{display:block;color:var(--fop-green-dark);font-size:15px;line-height:1.35}.fop-current small{display:block;margin-top:5px;color:var(--fop-muted);font-size:12px}
.fop-progress{height:8px;margin:25px 0 20px;background:#e7ece8;border-radius:99px;overflow:hidden}.fop-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--fop-green),#39a862);border-radius:99px;transition:width .3s ease}
.fop-current-note{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;margin-bottom:22px;background:#f7faf7;border:1px solid var(--fop-border);border-radius:14px}.fop-current-note-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e6f3e9;color:var(--fop-green-dark)}.fop-current-note-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fop-current-note strong{display:block;color:var(--fop-ink);font-size:15px}.fop-current-note p{margin:4px 0 0;color:var(--fop-muted);font-size:13px;line-height:1.5}
.fop-mode-payment .fop-current,.fop-mode-payment .fop-current-note{background:var(--fop-warning-soft);border-color:#f0d9ad}.fop-mode-payment .fop-current strong,.fop-mode-payment .fop-current-note-icon{color:var(--fop-warning)}.fop-mode-payment .fop-current-note-icon{background:#fff0ca}.fop-mode-payment .fop-progress span{background:#e9b44a}.fop-mode-closed .fop-current,.fop-mode-closed .fop-current-note{background:var(--fop-danger-soft);border-color:#efcccc}.fop-mode-closed .fop-current strong,.fop-mode-closed .fop-current-note-icon{color:var(--fop-danger)}.fop-mode-closed .fop-current-note-icon{background:#fde5e5}.fop-mode-closed .fop-progress span{background:#d45c5c}
.fop-steps{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.fop-step{min-width:0;min-height:82px;padding:11px 8px;border:1px solid var(--fop-border);border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.fop-step::marker{content:""}.fop-step-icon{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f3f5f4;color:#9aa29d;border:1px solid #e4e8e5}.fop-step-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fop-step-copy{min-width:0;width:100%}.fop-step-number{display:block;font-size:8px;font-weight:800;letter-spacing:.08em;color:#98a29b;margin-bottom:2px}.fop-step strong{display:block;color:#667085;font-size:10.5px;line-height:1.15;white-space:nowrap}.fop-step.is-complete{background:#fbfdfb}.fop-step.is-complete .fop-step-icon{background:#e7f5eb;color:var(--fop-green);border-color:#cae5d1}.fop-step.is-complete strong{color:#314139}.fop-step.is-current{border-color:#7fc997;background:#f6fbf7;box-shadow:0 10px 24px rgba(19,138,67,.08)}.fop-step.is-current .fop-step-icon{background:var(--fop-green);border-color:var(--fop-green);color:#fff}.fop-step.is-current .fop-step-number,.fop-step.is-current strong{color:var(--fop-green-dark)}.fop-step.is-locked{background:#fafbfa;border-color:#e7ebe8}.fop-step.is-locked .fop-step-icon{background:#f5f6f5;color:#b5bcb7}.fop-step.is-locked .fop-step-number,.fop-step.is-locked strong{color:#a5ada8}
.woocommerce form.woocommerce-form-track-order{max-width:760px;margin:24px auto!important;padding:26px!important;border:1px solid var(--fop-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 34px rgba(20,35,28,.05)}.woocommerce form.woocommerce-form-track-order p:first-child{color:var(--fop-muted);line-height:1.65}.woocommerce form.woocommerce-form-track-order .form-row{margin-bottom:14px}.woocommerce form.woocommerce-form-track-order input.input-text{min-height:48px;border:1px solid var(--fop-border);border-radius:10px;padding:0 14px}.woocommerce form.woocommerce-form-track-order button{min-height:48px;border-radius:10px;background:var(--fop-green)!important;color:#fff!important;font-weight:700!important;padding:0 24px!important}.woocommerce form.woocommerce-form-track-order button:hover{background:var(--fop-green-dark)!important}
/* WooCommerce order details on Track Order and View Order */
.woocommerce .woocommerce-order-details,.woocommerce .woocommerce-customer-details{margin-top:28px}.woocommerce .woocommerce-order-details__title,.woocommerce .woocommerce-column__title{color:var(--fop-ink);font-size:clamp(22px,2.4vw,30px);margin-bottom:14px}.woocommerce table.woocommerce-table--order-details,.woocommerce table.shop_table.order_details{border:1px solid var(--fop-border)!important;border-radius:16px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(20,35,28,.035)}.woocommerce table.woocommerce-table--order-details th,.woocommerce table.woocommerce-table--order-details td,.woocommerce table.shop_table.order_details th,.woocommerce table.shop_table.order_details td{padding:14px 16px!important;border-color:#e8ede9!important}.woocommerce table.woocommerce-table--order-details thead th,.woocommerce table.shop_table.order_details thead th{background:var(--fop-soft);color:var(--fop-ink);font-weight:750}.woocommerce .woocommerce-customer-details address{border:1px solid var(--fop-border)!important;border-radius:16px!important;background:#fff;padding:20px!important;line-height:1.75;box-shadow:0 10px 28px rgba(20,35,28,.03)}
.woocommerce .woocommerce-order-details a.button,.woocommerce .woocommerce-order-details button.button,.woocommerce table.shop_table a.button,.woocommerce table.shop_table button.button{background:var(--fop-green)!important;color:#fff!important;border:0!important;border-radius:9px!important;min-height:38px!important;padding:10px 18px!important;font-weight:750!important;box-shadow:none!important}.woocommerce .woocommerce-order-details a.button:hover,.woocommerce table.shop_table a.button:hover{background:var(--fop-green-dark)!important;color:#fff!important}.woocommerce .woocommerce-order-details a.button.cancel,.woocommerce table.shop_table a.button.cancel{background:#fff!important;color:#5f6b64!important;border:1px solid var(--fop-border)!important}.woocommerce .woocommerce-order-details a.button.cancel:hover,.woocommerce table.shop_table a.button.cancel:hover{background:#f7f9f7!important;color:var(--fop-ink)!important}
@container (max-width:720px){.fop-head{display:grid}.fop-current{min-width:0}.fop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.fop-step strong{font-size:11px}}
@media(max-width:600px){.fop-wrap{padding:18px 14px;border-radius:16px;margin:18px 0 26px}.fop-head h2{font-size:26px}.fop-current-note{grid-template-columns:42px minmax(0,1fr);padding:14px}.fop-current-note-icon{width:42px;height:42px}.fop-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fop-step{padding:10px 6px;min-height:78px}.woocommerce form.woocommerce-form-track-order{padding:18px!important}.woocommerce table.woocommerce-table--order-details th,.woocommerce table.woocommerce-table--order-details td,.woocommerce table.shop_table.order_details th,.woocommerce table.shop_table.order_details td{padding:11px!important}.woocommerce .woocommerce-customer-details address{padding:16px!important}}

/* Shipment tracking card */
.fop-shipping{max-width:1280px;margin:0 auto 36px;padding:26px 30px;background:#fff;border:1px solid var(--fop-border);border-radius:20px;box-shadow:0 16px 38px rgba(20,35,28,.05)}
.fop-shipping-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.fop-shipping-head h3{margin:0;color:var(--fop-ink);font-size:clamp(22px,2.5vw,30px);line-height:1.2}.fop-shipping-head p{margin:7px 0 0;color:var(--fop-muted);font-size:14px}.fop-shipping-status{flex:0 0 auto;padding:8px 12px;border:1px solid #cfe4d4;border-radius:999px;background:#f3faf5;color:var(--fop-green-dark);font-size:12px;font-weight:800}
.fop-shipping-list{display:grid;gap:12px}.fop-shipment-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--fop-border);border-radius:14px;background:#fbfdfb}.fop-shipment-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e7f5eb;color:var(--fop-green-dark)}.fop-shipment-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fop-shipment-provider{display:block;color:var(--fop-muted);font-size:12px;font-weight:700;margin-bottom:2px}.fop-shipment-number{display:block;color:var(--fop-ink);font-size:16px;letter-spacing:.01em;overflow-wrap:anywhere}.fop-shipment-main small{display:block;margin-top:4px;color:var(--fop-muted);font-size:12px}.fop-track-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;background:var(--fop-green);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;white-space:nowrap}.fop-track-button:hover{background:var(--fop-green-dark);color:#fff!important}.fop-live-note{margin:14px 2px 0;color:var(--fop-muted);font-size:12.5px;line-height:1.55}.fop-live-note strong{color:#344139}
@media(max-width:600px){.fop-shipping{padding:18px 14px;border-radius:16px;margin-bottom:26px}.fop-shipping-head{display:grid;gap:10px}.fop-shipping-status{justify-self:start}.fop-shipment-card{grid-template-columns:42px minmax(0,1fr);padding:14px}.fop-shipment-icon{width:42px;height:42px}.fop-track-button{grid-column:1/-1;width:100%;margin-top:4px}.fop-shipment-number{font-size:14px}}