.static { margin: 4vw 0; }
.static .container { padding: 3rem; background: white; }
.static p { line-height: 27px; }
.static h1, .static h2 { line-height: 50px; }
.warranty-form { display: flex; align-items: center; padding: 1rem 0; }
.warranty-form .floating { width: 360px; margin-right: 20px; }
.order-container .title { font-weight: 600; }
.order-container .sku { font-weight: 300; }
.thumbnail img { width: 80px; height: 60px; object-fit: cover; object-position: center center; }
.order-container { padding: 0 1rem; display: none; }
.order-container .row { width: 100%; align-items: flex-start; border-bottom: 1px solid #ddd; padding: 1rem 0; }
.order-container .row > div { padding: 0 0.5rem; }
.order-container .row > div:nth-child(1) { width: 60px; }
.order-container .row > div:nth-child(1) > img { width: 60px; height: 60px; object-fit: cover; object-position: center center; }
.order-container .row > div:nth-child(2) { width: calc(36% - 60px); padding: 0 30px; }
.order-container .row > div:nth-child(3) { width: 16%; text-align: right; }
.order-container .row > div:nth-child(4) { width: 16%; text-align: center; }
.order-container .row > div:nth-child(5) { width: 16%; text-align: center; }
.order-container .row > div:nth-child(6) { width: 16%; text-align: right; }
.order-container .download { display: block; color: var(--blue); font-size: 0.6rem; }
.floating.order_id { width: 200px; }
.floating.order_id b { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 6; font-size: 34px; font-weight: normal; opacity: 0.2; }
.floating.order_id input { padding-left: 48px !important; }
.floating.order_id > label { padding-left: 50px; }
.btn-container { text-align: center; }

table.order-items { width: 100%; }
table.order-items td:nth-child(1) { width: 60px; min-width: 60px; }
table.order-items td:nth-child(1) img { width: 60px; height: 60px; object-fit: cover; object-position: center center; }
table.order-items td:nth-child(2) { width: calc(36% - 60px); padding: 0 30px; }
table.order-items td:nth-child(3) { width: 16%; text-align: right; }
table.order-items td:nth-child(4) { width: 16%; text-align: center; }
table.order-items td:nth-child(5) { width: 16%; text-align: center; }
table.order-items td:nth-child(6) { width: 16%; text-align: right; }

.invoices { padding: 10px 0; }
.invoices .title { line-height: 220%; font-weight: bold; }
.download { cursor: pointer; font-weight: bold; }
.download:hover { text-decoration: underline; }
.warranty-container .row { padding: 10px 0; border: 1px dotted #999; margin: 0; }
.warranty-container .row:not(:last-child) { border-bottom: 0; }
.warranty-container .row .col:last-child { text-align: right; }


@media (max-width: 1440px){
.static { margin: 2vw 0; }
.static .container { padding: 20px; }
.warranty-form { flex-direction: column; }
.warranty-form .floating { width: 100%; margin: 0 0 10px; }
.order-container { padding: 0; }
.order-container { overflow-x: scroll; }

table.order-items td:nth-child(2) { width: 200px; min-width: 200px; padding: 0 20px; }
table.order-items td:nth-child(3) { min-width: 80px; text-align: right; }
table.order-items td:nth-child(4) { min-width: 80px; text-align: center; }
table.order-items td:nth-child(5) { min-width: 80px; text-align: center; }
table.order-items td:nth-child(6) { min-width: 120px; text-align: right; }

}