.summary-header{border:1px solid #d9dfe3;border-radius:.375rem;grid-template-areas:"number number-value""order order-value""date date-value""status status-value";gap:.5rem;padding:1rem 1rem 2rem;font-family:Figtree,sans-serif;line-height:1.375rem;display:grid;position:relative}@media (width>=1024px){.summary-header{grid-template-areas:"number order date status""number-value order-value date-value status-value";padding:1rem}}.summary-header .number{grid-area:number}.summary-header .number-value{grid-area:number-value}.summary-header .order{grid-area:order}.summary-header .order-value{grid-area:order-value}.summary-header .date{grid-area:date}.summary-header .date-value{grid-area:date-value}.summary-header .status{grid-area:status}.summary-header .status-value{grid-area:status-value}.summary-header .label{color:#007f95;font-weight:500}.summary-header button{border-top-left-radius:.375rem;border-bottom-right-radius:.375rem;padding:.25rem;position:absolute;bottom:0;right:0}.order-details{border:1px solid #d9dfe3;border-top:0;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;padding:1rem;transform:translateY(-4px)}.order-details .info-table{display:none}@media (width>=640px){.order-details .info-table{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}}.order-details .info-table div{font-family:Figtree,sans-serif}.order-details .info-table div:first-child{grid-column:span 2/span 2}.order-details .info-table div:last-child{text-align:end;font-weight:700}.order-info{flex-direction:column;gap:.5rem;font-family:Figtree,sans-serif;display:flex}.order-info__product{align-items:center;gap:1rem;display:flex}.order-info__product p{color:#323232}.order-info__product__image{border-radius:.375rem;min-width:4rem;overflow:hidden}.order-info__product__image img{-o-object-fit:cover;object-fit:cover;width:4rem;height:4rem}@media (width>=640px){.order-info__product{grid-column:span 2/span 2}}.order-info__entry{align-items:center;gap:.5rem;display:flex}.order-info__entry .title{font-weight:700}@media (width>=640px){.order-info__entry .title{display:none}.order-info__entry{gap:0}.order-info__entry:last-child{justify-content:flex-end}.order-info{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}}
