/* --- Cream Thermal Receipt --- */
.receipt {
    width: 100%;
    max-width: 350px;
    background-color: #faf4e8; /* Cream base */
    background-image: linear-gradient(180deg, #fcf8f0 0%, #faf4e8 50%, #f4ece0 100%); /* Subtle paper lighting */
    padding: 30px 24px 24px;
    border-radius: 4px 4px 0 0;
    position: relative;
    margin-bottom: 24px;
    
    /* Tactile Paper Drop Shadow & Inner Vignette */
    box-shadow: 
        0 2px 4px rgba(45, 35, 25, 0.06),
        0 10px 28px rgba(45, 35, 25, 0.14),
        inset 0 0 35px rgba(180, 160, 130, 0.12);
}

/* Serrated Sawtooth Paper Cutout (Color matched to cream paper gradient) */
.receipt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 12px;
    background: 
        linear-gradient(-45deg, transparent 8px, #f4ece0 0),
        linear-gradient(45deg, transparent 8px, #f4ece0 0);
    background-repeat: repeat-x;
    background-size: 16px 16px;
}

/* --- Header Information --- */
.pickupNo {
    font-size: 2.75rem;
    font-weight: 800;
    color: #9e1b22;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1;
}

.storeName {
    text-align: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #38302b;
    margin-top: 8px;
}

.orderTime {
    text-align: center;
    font-size: 0.78rem;
    color: #7c7268;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    margin-top: 4px;
}

.payAmount {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 800;
    color: #231e1a;
    margin: 16px 0 20px;
    padding-bottom: 16px;
    border-bottom: 2px dashed #d6caa8; /* Warm paper separator */
}

/* --- Order Items List --- */
.orderItems {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.orderItem {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    grid-template-rows: auto auto auto auto;
    column-gap: 12px;
    row-gap: 3px;
    align-items: start;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e3d7c3;
}

.orderItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.skuImage {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e3d7c3;
    background-color: #efe5d4;
}

.skuName {
    grid-column: 2;
    grid-row: 1;
    font-size: 0.9rem;
    font-weight: 700;
    color: #2b2521;
    line-height: 1.3;
}

.salePrice {
    grid-column: 3;
    grid-row: 1;
    font-weight: 700;
    font-size: 0.95rem;
    color: #9e1b22;
    text-align: right;
    font-family: "SFMono-Regular", Consolas, monospace;
}

.num {
    grid-column: 3;
    grid-row: 2;
    font-size: 0.8rem;
    color: #7c7268;
    text-align: right;
    font-family: "SFMono-Regular", Consolas, monospace;
}

.num::before {
    content: "x";
}

/* Customization Pill Tags */
.specInfo, 
.attribute1, 
.attribute2 {
    grid-column: 2;
    font-size: 0.72rem;
    color: #5c5249;
    background-color: #ece2cf;
    padding: 2px 7px;
    border-radius: 4px;
    width: fit-content;
    margin-top: 1px;
}