.giftcards.alghurair{

    --main-color: rgb(104, 91, 199);
    --bg-color: white;
    --aux-color: black;
    --aux-color-2: rgb(104, 91, 199);
    --aux-color-3: rgb(241, 167, 220);
}
.alghurair .cardArtwork {
    background-image: url("/centres/alghurair/alghurair-card-front.png");
    aspect-ratio: 270 / 170;
}
.alghurair:has(.inputTokenForm input:active, .inputTokenForm input:hover, .inputTokenForm input:focus ) .cardArtwork{
     background-image: url("/centres/alghurair/alghurair-card-back.png");
}
.alghurair .brandHeader.small>.logo {
    width: 7em;
    height: 6em;
}
.alghurair .brandHeader>.logo {
    background-image: url("/centres/alghurair/alghurair-logo.png");
    background-size: contain;
    background-position-y: bottom;
}
.alghurair .main>*{
    margin-bottom: 1em;
}
.alghurair .infoPanel.default {
    height: 8em;
    padding: 1em 0 0em 0;
}
.alghurair.giftcards .button, .alghurair.giftcards button {
    background-color: var(--aux-color-2);
    border: 0;
    color: var(--bg-color);
    box-shadow: 0 4px 4px #0000001a;
}
.alghurair.giftcards .button:hover, .alghurair.giftcards button:hover {
    background-color: var(--aux-color-3);
    box-shadow: 0 8px 8px #0000001a;
}

.alghurair.giftcards input,
.alghurair.giftcards select,
.alghurair.giftcards textarea {
    color: var(--bg-color);
}
.alghurair.giftcards .inputTokenForm input,
.alghurair.giftcards .inputTokenForm select,
.alghurair.giftcards .inputTokenForm textarea {
    background-color: var(--bg-color);
    font-weight: 700;
    color: var(--main-color);
}
.alghurair.giftcards  .inputTokenForm .button,
.alghurair.giftcards  .inputTokenForm button {
    background-color: var(--aux-color);
    color: var(--bg-color);
    border: 1px solid var(--aux-color);
    box-shadow: 0 4px 4px #0000001a;
}
.alghurair.giftcards .inputTokenForm .error {
    color: var(--aux-color-3);
    background-color: transparent;
    font-weight: 700;
}
.alghurair.giftcards .main>:last-of-type {
    margin-top: 5vh;
}
.alghurair.giftcards .formField.field-terms_and_conditions {
    flex-direction: row-reverse;
}