/* @group @variables */

[class*="m-pickup-point-list"] {
--pickup-point-list-gap: 1.5rem;
--pickup-point-detail-gap: 1.5rem;
--pickup-point-media-grid-row: 1;
--pickup-detail-title-grid-column: 1;
--pickup-detail-title-grid-row: 2;
--pickup-detail-overview-grid-column: 1;
--pickup-detail-overview-grid-row: 3;
}

@media all and (min-width: 48em) {

[class*="m-pickup-point-list"] {
--pickup-point-list-gap: 2rem;
--pickup-point-detail-grid-template-columns: 11.25rem 1fr;
--pickup-point-detail-grid-template-rows: auto 1fr;
--pickup-point-detail-gap: 1.5rem 2.5rem;
--pickup-point-media-grid-row: 1 / span 2;
--pickup-detail-title-grid-column: 2;
--pickup-detail-title-grid-row: 1;
--pickup-detail-overview-grid-column: 2;
--pickup-detail-overview-grid-row: 2;
--pickup-point-detail-direction: ltr;
}

/*[class*="m-pickup-point-detail"]:nth-of-type(2n) {
--pickup-point-detail-direction: rtl;
}*/
}

/* @end @variables */

/* @group @m-pickup-point-list */

[class*="m-pickup-point-list"] {
display: grid;
grid-auto-flow: row;
gap: var(--pickup-point-list-gap);
}

[class*="m-pickup-point-list"] {
display: grid;
grid-template-columns: var(--pickup-point-list-grid-template-columns);
grid-template-rows: var(--pickup-point-list-grid-template-rows);
gap: var(--pickup-point-list-gap);
}

[class*="m-pickup-point-detail"] {
display: grid;
align-items: center;
grid-template-columns: var(--pickup-point-detail-grid-template-columns);
grid-template-rows: var(--pickup-point-detail-grid-template-rows);
gap: var(--pickup-point-detail-gap);
direction: var(--pickup-point-detail-direction);
}

[class*="m-pickup-point-detail"] {
padding: 1.5rem;
background-color: hsl(0deg 0% 100%);
border-radius: .5rem;
}

[class*="m-pickup-point-detail"] :where(h3, p) {
margin-bottom: 0;
}

[class*="a-pickup-point-media"] {
grid-column: var(--pickup-point-media-grid-column);
grid-row: var(--pickup-point-media-grid-row);
}

[class*="a-pickup-detail-title"] {
grid-column: var(--pickup-detail-title-grid-column);
grid-row: var(--pickup-detail-title-grid-row);
}

[class*="a-pickup-detail-overview"] {
grid-column: var(--pickup-detail-overview-grid-column);
grid-row: var(--pickup-detail-overview-grid-row);
}

[class*="a-pickup-point-media"] {
text-align: center;
}

[class*="a-pickup-detail-title"] {
font-size: 1.5rem;
line-height: 1.5;
color: hsl(347deg 85% 64%);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
direction: ltr;
}

[class*="a-pickup-detail-overview"] {
display: grid;
grid-auto-flow: row;
gap: .5rem;
margin-bottom: auto;
direction: ltr;
}

[class*="a-pickup-detail-overview"] em {
font-weight: 600;
font-variation-settings-strong: "wght" 600;
color: hsl(63deg 50% 37%);
}

/* @end @m-pickup-point-list */