.pin-cards-container {
   display: grid;
   grid-gap: 1rem;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.pin-card {
   background-color: #e1e1e1;
   width: fit-content;
   padding: 5px;
   border: 1px dashed;
}

.pincentral-spinner-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px 16px;
   gap: 16px;
}

.pincentral-spinner {
   width: 48px;
   height: 48px;
   border: 5px solid #e1e1e1;
   border-top-color: #505050;
   border-radius: 50%;
   animation: pincentral-spin 0.9s linear infinite;
}

@keyframes pincentral-spin {
   to { transform: rotate(360deg); }
}

.pincentral-spinner-message {
   font-size: 0.95rem;
   color: #555;
   text-align: center;
   margin: 0;
}

/* Orders list: spinner next to status (My account > Orders) */
.pincentral-order-status-with-spinner {
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
   flex-wrap: nowrap;
   vertical-align: middle;
}

.pincentral-order-status-label {
   line-height: 1.3;
}

.pincentral-spinner.pincentral-spinner--inline {
   width: 18px;
   height: 18px;
   border-width: 3px;
   flex-shrink: 0;
   display: inline-block;
   vertical-align: middle;
}