:root{--usk-order-confirmation-primary:#3b82f6;--usk-order-confirmation-primary-hover:#2563eb;--usk-order-confirmation-text-heading:#1e293b;--usk-order-confirmation-text-body:#475569;--usk-order-confirmation-text-muted:#64748b;--usk-order-confirmation-text-light:#666;--usk-order-confirmation-border:rgba(180,180,194,0.18);--usk-order-confirmation-border-hover:#e2e8f0;--usk-order-confirmation-bg-white:#fff;--usk-order-confirmation-bg-light:#f8fafc;--usk-order-confirmation-bg-lighter:#f9fafb;--usk-order-confirmation-bg-hover:#f3f4f6;--usk-order-confirmation-status-order:#6366f1;--usk-order-confirmation-status-date:#ec4899;--usk-order-confirmation-status-active:#10b981;--usk-order-confirmation-status-total:#f59e0b;--usk-order-confirmation-status-method:#8b5cf6;--usk-order-confirmation-amount:#17191a;--usk-order-confirmation-spacing:20px}.usk-thankyou-order-confirmation{margin:0}.usk-thankyou-order-confirmation ul.order_details{display:grid;grid-template-columns:repeat(5, 1fr);gap:var(--usk-order-confirmation-spacing);margin:0;padding:0;list-style:none}.usk-thankyou-order-confirmation .order_details::after,.usk-thankyou-order-confirmation .order_details::before{display:none !important}.usk-thankyou-order-confirmation ul.order_details li{background:var(--usk-order-confirmation-bg-white);padding:20px;border-radius:8px;position:relative;display:flex;flex-direction:column;gap:12px;border:1px solid var(--usk-order-confirmation-border);transition:all .2s ease;margin:0;border-left:4px solid transparent}.usk-thankyou-order-confirmation .order_details .usk-icon{position:absolute;right:20px;top:50%;width:24px;height:24px;transition:all .2s ease;fill:none;transform:translateY(-50%)}.usk-thankyou-order-confirmation .order_details .usk-label{display:block;color:var(--usk-order-confirmation-text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin:0}.usk-thankyou-order-confirmation .order_details .usk-value{display:block;color:var(--usk-order-confirmation-text-heading);font-size:15px;font-weight:600;margin:0}.usk-thankyou-order-confirmation .order_details li:hover{background:var(--usk-order-confirmation-bg-light);border-color:var(--usk-order-confirmation-border-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05)}.usk-thankyou-order-confirmation .order_details li:hover .usk-icon{opacity:1;transform:scale(1.1) translateY(-50%)}.usk-thankyou-order-confirmation .order_details li.order{border-left-color:var(--usk-order-confirmation-status-order)}.usk-thankyou-order-confirmation .order_details li.order .usk-icon{stroke:var(--usk-order-confirmation-status-order)}.usk-thankyou-order-confirmation .order_details li.date{border-left-color:var(--usk-order-confirmation-status-date)}.usk-thankyou-order-confirmation .order_details li.date .usk-icon{stroke:var(--usk-order-confirmation-status-date)}.usk-thankyou-order-confirmation .order_details li.order-status{border-left-color:var(--usk-order-confirmation-status-active)}.usk-thankyou-order-confirmation .order_details li.order-status .usk-icon{stroke:var(--usk-order-confirmation-status-active)}.usk-thankyou-order-confirmation .order_details li.total{border-left-color:var(--usk-order-confirmation-status-total)}.usk-thankyou-order-confirmation .order_details li.total .usk-icon{stroke:var(--usk-order-confirmation-status-total)}.usk-thankyou-order-confirmation .order_details li.total .usk-value{color:var(--usk-order-confirmation-amount);font-size:16px}.usk-thankyou-order-confirmation .order_details li.method{border-left-color:var(--usk-order-confirmation-status-method)}.usk-thankyou-order-confirmation .order_details li:last-of-type{border-left:4px solid var(--usk-order-confirmation-status-method)}.usk-thankyou-order-confirmation .order_details li.method .usk-icon{stroke:var(--usk-order-confirmation-status-method)}.usk-thankyou-order-confirmation .order_details li.order:hover{background:linear-gradient(145deg, var(--usk-order-confirmation-bg-white), #f5f3ff)}.usk-thankyou-order-confirmation .order_details li.date:hover{background:linear-gradient(145deg, var(--usk-order-confirmation-bg-white), #fdf2f8)}.usk-thankyou-order-confirmation .order_details li.order-status:hover{background:linear-gradient(145deg, var(--usk-order-confirmation-bg-white), #ecfdf5)}.usk-thankyou-order-confirmation .order_details li.total:hover{background:linear-gradient(145deg, var(--usk-order-confirmation-bg-white), #fef3c7)}.usk-thankyou-order-confirmation .order_details li.method:hover{background:linear-gradient(145deg, var(--usk-order-confirmation-bg-white), #f5f3ff)}@media (max-width:1024px){.usk-thankyou-order-confirmation ul.order_details{grid-template-columns:repeat(3, 1fr);gap:20px}.usk-thankyou-order-confirmation ul.order_details li{padding:20px}.usk-thankyou-order-confirmation ul.order_details .usk-icon{width:22px;height:22px}}@media (max-width:768px){.usk-thankyou-order-confirmation ul.order_details{grid-template-columns:repeat(3, 1fr);gap:16px}.usk-thankyou-order-confirmation ul.order_details li{padding:16px;gap:8px;border-width:1px;border-left-width:4px}.usk-thankyou-order-confirmation ul.order_details .usk-icon{right:12px;top:16px;width:18px;height:18px}.usk-thankyou-order-confirmation .order_details .usk-label{font-size:12px}.usk-thankyou-order-confirmation .order_details .usk-value{font-size:14px}.usk-thankyou-order-confirmation .order_details li.total .usk-value{font-size:15px}}@media (max-width:480px){.usk-thankyou-order-confirmation ul.order_details{gap:12px;grid-template-columns:repeat(1, 1fr)}.usk-thankyou-order-confirmation ul.order_details li{padding:12px;gap:6px}.usk-thankyou-order-confirmation ul.order_details .usk-icon{right:10px;top:14px;width:16px;height:16px}.usk-thankyou-order-confirmation ul.order_details .usk-label{font-size:11px}.usk-thankyou-order-confirmation ul.order_details .usk-value{font-size:13px}}