/* =========================================================
   PORADAGROUP — PAYMENTS, VAT & WARRANTY
   Fully scoped to .pg-payments
   Corporate light design
   ========================================================= */

.pg-payments {
    --pgpay-blue: #0055ff;
    --pgpay-blue-dark: #0046d6;
    --pgpay-blue-soft: #eef4ff;
    --pgpay-heading: #242424;
    --pgpay-text: #4f545b;
    --pgpay-muted: #747a83;
    --pgpay-border: #e5e8ed;
    --pgpay-soft: #f7f8fa;
    --pgpay-white: #ffffff;
    --pgpay-warning: #fff9eb;
    --pgpay-warning-border: #eee0b4;

    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 20px 90px;

    color: var(--pgpay-text);
    font-size: 16px;
    line-height: 1.72;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.pg-payments *,
.pg-payments *::before,
.pg-payments *::after {
    box-sizing: border-box;
}

.pg-payments a {
    text-decoration: none;
}

.pg-payments h1,
.pg-payments h2,
.pg-payments h3,
.pg-payments strong {
    color: var(--pgpay-heading);
}


/* =========================================================
   COMMON TYPOGRAPHY
   ========================================================= */

.pg-payments .pg-payments__eyebrow,
.pg-payments .pg-payments__section-label {
    display: inline-block;

    color: var(--pgpay-blue);

    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.pg-payments h2 {
    margin: 10px 0 0;

    color: var(--pgpay-heading);

    font-size: clamp(31px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.2px;
}

.pg-payments h3 {
    color: var(--pgpay-heading);

    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.pg-payments p {
    margin-top: 0;
}

.pg-payments .pg-payments__strong-text {
    color: var(--pgpay-heading);
    font-size: 18px;
    line-height: 1.72;
}


/* =========================================================
   HERO
   ========================================================= */

.pg-payments .pg-payments__hero {
    padding: 20px 0 68px;
}

.pg-payments .pg-payments__hero h1 {
    max-width: 930px;
    margin: 16px 0 26px;

    color: var(--pgpay-heading);

    font-size: clamp(46px, 6vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -2.5px;
}

.pg-payments .pg-payments__lead {
    max-width: 870px;
    margin-bottom: 0;

    color: #4b5057;

    font-size: 19px;
    line-height: 1.72;
}

.pg-payments .pg-payments__hero-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 42px;

    border-top: 1px solid var(--pgpay-border);
    border-bottom: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__hero-trust > div {
    min-width: 0;
    padding: 23px 20px;

    border-right: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__hero-trust > div:first-child {
    padding-left: 0;
}

.pg-payments .pg-payments__hero-trust > div:last-child {
    border-right: 0;
}

.pg-payments .pg-payments__hero-trust span {
    display: block;
    margin-bottom: 8px;

    color: var(--pgpay-blue);

    font-size: 11px;
    font-weight: 800;
}

.pg-payments .pg-payments__hero-trust strong {
    display: block;
    margin-bottom: 5px;

    font-size: 14px;
    line-height: 1.4;
}

.pg-payments .pg-payments__hero-trust small {
    display: block;

    color: var(--pgpay-muted);

    font-size: 11px;
    line-height: 1.5;
}


/* =========================================================
   SPLIT SECTIONS
   ========================================================= */

.pg-payments .pg-payments__split {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 80px;

    padding: 78px 0;

    border-top: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__split--compact {
    border-bottom: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__split-content {
    max-width: 730px;
}

.pg-payments .pg-payments__split-content > p {
    margin-bottom: 17px;
    font-size: 17px;
}


/* =========================================================
   COMPANY CARD
   ========================================================= */

.pg-payments .pg-payments__company-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    overflow: hidden;

    margin: 30px 0 24px;

    border: 1px solid var(--pgpay-border);
    border-radius: 11px;

    background: var(--pgpay-border);
    gap: 1px;
}

.pg-payments .pg-payments__company-card > div {
    min-width: 0;
    padding: 20px 22px;

    background: var(--pgpay-white);
}

.pg-payments .pg-payments__company-card span {
    display: block;
    margin-bottom: 5px;

    color: var(--pgpay-muted);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .65px;
    text-transform: uppercase;
}

.pg-payments .pg-payments__company-card strong {
    display: block;

    font-size: 14px;
    line-height: 1.55;
}

.pg-payments .pg-payments__company-card a {
    color: var(--pgpay-heading);
}


/* =========================================================
   SECURITY BOX
   ========================================================= */

.pg-payments .pg-payments__security-box {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 18px;

    padding: 23px 25px;

    border: 1px solid #dbe5fb;
    border-radius: 10px;

    background: var(--pgpay-blue-soft);
}

.pg-payments .pg-payments__security-mark {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: var(--pgpay-blue);
    color: #ffffff;

    font-size: 17px;
    font-weight: 800;
}

.pg-payments .pg-payments__security-box strong {
    display: block;
    margin-bottom: 7px;

    font-size: 16px;
}

.pg-payments .pg-payments__security-box p {
    margin-bottom: 8px;

    color: #555e69;

    font-size: 14px;
    line-height: 1.6;
}

.pg-payments .pg-payments__security-box p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   STANDARD SECTIONS
   ========================================================= */

.pg-payments .pg-payments__section {
    padding: 80px 0;

    border-top: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__section--no-top {
    padding-top: 0;
    border-top: 0;
}

.pg-payments .pg-payments__section-head {
    max-width: 840px;
    margin-bottom: 40px;
}

.pg-payments .pg-payments__section-head > p {
    max-width: 780px;
    margin: 17px 0 0;

    font-size: 17px;
}


/* =========================================================
   DOCUMENT CARDS
   ========================================================= */

.pg-payments .pg-payments__document-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    overflow: hidden;

    border: 1px solid var(--pgpay-border);
    border-radius: 12px;
}

.pg-payments .pg-payments__document-grid article {
    min-width: 0;
    padding: 28px 23px;

    border-right: 1px solid var(--pgpay-border);

    background: var(--pgpay-white);
}

.pg-payments .pg-payments__document-grid article:last-child {
    border-right: 0;
}

.pg-payments .pg-payments__document-grid article > span {
    display: block;
    margin-bottom: 29px;

    color: var(--pgpay-blue);

    font-size: 11px;
    font-weight: 800;
}

.pg-payments .pg-payments__document-grid h3 {
    margin: 0 0 10px;

    font-size: 17px;
}

.pg-payments .pg-payments__document-grid p {
    margin: 0;

    color: var(--pgpay-muted);

    font-size: 13px;
    line-height: 1.6;
}


/* =========================================================
   INCLUDED INFORMATION
   ========================================================= */

.pg-payments .pg-payments__included {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 35px;

    margin-top: 25px;
    padding: 25px 27px;

    border-left: 4px solid var(--pgpay-blue);

    background: var(--pgpay-soft);
}

.pg-payments .pg-payments__included-heading span {
    color: var(--pgpay-heading);

    font-size: 14px;
    font-weight: 700;
}

.pg-payments .pg-payments__included-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pg-payments .pg-payments__included-items span {
    display: inline-flex;
    align-items: center;

    min-height: 32px;
    padding: 6px 10px;

    border: 1px solid var(--pgpay-border);
    border-radius: 5px;

    background: #ffffff;
    color: #555b63;

    font-size: 11px;
    font-weight: 600;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.pg-payments .pg-payments__timeline {
    border-top: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__timeline article {
    display: grid;
    grid-template-columns: 85px minmax(0, 1fr);
    gap: 25px;

    padding: 29px 0;

    border-bottom: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__timeline-number {
    padding-top: 5px;

    color: var(--pgpay-blue);

    font-size: 12px;
    font-weight: 800;
}

.pg-payments .pg-payments__timeline h3 {
    margin: 0 0 7px;
}

.pg-payments .pg-payments__timeline p {
    max-width: 780px;
    margin: 0;
}


/* =========================================================
   VAT MAIN
   ========================================================= */

.pg-payments .pg-payments__vat-main {
    display: grid;
    grid-template-columns: .7fr 1.3fr;

    overflow: hidden;

    margin-bottom: 18px;

    border: 1px solid #dce5f8;
    border-radius: 12px;
}

.pg-payments .pg-payments__vat-rate {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 300px;
    padding: 35px;

    background: var(--pgpay-blue-soft);
}

.pg-payments .pg-payments__vat-rate > span {
    color: var(--pgpay-blue);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pg-payments .pg-payments__vat-rate > strong {
    display: block;
    margin: 4px 0 8px;

    color: var(--pgpay-blue);

    font-size: clamp(72px, 9vw, 110px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -5px;
}

.pg-payments .pg-payments__vat-rate p {
    max-width: 270px;
    margin: 0;

    color: #5b6470;

    font-size: 13px;
}

.pg-payments .pg-payments__vat-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 35px 40px;

    background: #ffffff;
}

.pg-payments .pg-payments__vat-copy h3 {
    margin: 0 0 15px;

    font-size: 22px;
}

.pg-payments .pg-payments__vat-copy p {
    margin-bottom: 13px;
}


/* =========================================================
   VAT / WARRANTY CARDS
   ========================================================= */

.pg-payments .pg-payments__vat-grid,
.pg-payments .pg-payments__warranty-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.pg-payments .pg-payments__vat-grid article,
.pg-payments .pg-payments__warranty-grid article {
    min-width: 0;
    padding: 28px;

    border: 1px solid var(--pgpay-border);
    border-radius: 11px;

    background: #ffffff;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.pg-payments .pg-payments__vat-grid article:hover,
.pg-payments .pg-payments__warranty-grid article:hover {
    transform: translateY(-3px);

    border-color: #cbd8ee;

    box-shadow: 0 14px 36px rgba(31, 42, 66, .055);
}

.pg-payments .pg-payments__card-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    margin-bottom: 21px;

    border-radius: 50%;

    background: var(--pgpay-blue-soft);
    color: var(--pgpay-blue);

    font-size: 11px;
    font-weight: 800;
}

.pg-payments .pg-payments__vat-grid h3,
.pg-payments .pg-payments__warranty-grid h3 {
    margin: 0 0 12px;
}

.pg-payments .pg-payments__vat-grid p,
.pg-payments .pg-payments__warranty-grid p {
    margin-bottom: 12px;

    color: #61666e;

    font-size: 14px;
    line-height: 1.65;
}

.pg-payments .pg-payments__vat-grid p:last-child,
.pg-payments .pg-payments__warranty-grid p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   VAT WARNING
   ========================================================= */

.pg-payments .pg-payments__vat-warning {
    margin-top: 20px;
    padding: 23px 26px;

    border: 1px solid var(--pgpay-warning-border);
    border-radius: 9px;

    background: var(--pgpay-warning);
}

.pg-payments .pg-payments__vat-warning strong {
    display: block;
    margin-bottom: 6px;

    font-size: 15px;
}

.pg-payments .pg-payments__vat-warning p {
    margin: 0;

    color: #625d50;

    font-size: 14px;
}


/* =========================================================
   QUOTE
   ========================================================= */

.pg-payments .pg-payments__quote {
    margin-top: 28px !important;
    padding: 23px 27px;

    border-left: 4px solid var(--pgpay-blue);

    background: var(--pgpay-blue-soft);

    color: var(--pgpay-heading) !important;

    font-weight: 700;
}


/* =========================================================
   WARRANTY FEATURE
   ========================================================= */

.pg-payments .pg-payments__warranty-feature {
    display: grid;
    grid-template-columns: .75fr 1.25fr;

    overflow: hidden;

    border: 1px solid #dce5f8;
    border-radius: 12px;
}

.pg-payments .pg-payments__warranty-big {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 330px;
    padding: 35px;

    background: var(--pgpay-blue-soft);
}

.pg-payments .pg-payments__warranty-big > span {
    color: var(--pgpay-blue);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pg-payments .pg-payments__warranty-big > strong {
    display: block;
    margin: 10px 0 14px;

    color: var(--pgpay-heading);

    font-size: clamp(38px, 5vw, 57px);
    line-height: 1.02;
    letter-spacing: -1.8px;
}

.pg-payments .pg-payments__warranty-big p {
    max-width: 330px;
    margin: 0;

    color: #5b6470;

    font-size: 14px;
}

.pg-payments .pg-payments__warranty-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 37px 42px;
}

.pg-payments .pg-payments__warranty-copy h3 {
    margin: 0 0 16px;

    font-size: 23px;
}

.pg-payments .pg-payments__warranty-copy p {
    margin-bottom: 13px;
}


/* =========================================================
   CLAIM PROCESS
   ========================================================= */

.pg-payments .pg-payments__claim-layout {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 20px;
}

.pg-payments .pg-payments__claim-list {
    border-top: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__claim-list > div {
    display: grid;
    grid-template-columns: 45px 190px minmax(0, 1fr);
    gap: 15px;

    padding: 23px 0;

    border-bottom: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__claim-list > div > span {
    color: var(--pgpay-blue);

    font-size: 11px;
    font-weight: 800;
}

.pg-payments .pg-payments__claim-list strong {
    font-size: 14px;
}

.pg-payments .pg-payments__claim-list p {
    margin: 0;

    color: var(--pgpay-muted);

    font-size: 13px;
    line-height: 1.55;
}

.pg-payments .pg-payments__claim-docs {
    padding: 29px;

    border: 1px solid #dce5f8;
    border-radius: 11px;

    background: var(--pgpay-blue-soft);
}

.pg-payments .pg-payments__claim-docs-label {
    display: block;
    margin-bottom: 8px;

    color: var(--pgpay-blue);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pg-payments .pg-payments__claim-docs h3 {
    margin: 0 0 10px;
}

.pg-payments .pg-payments__claim-docs > p {
    margin-bottom: 20px;

    font-size: 13px;
}

.pg-payments .pg-payments__claim-docs > div {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.pg-payments .pg-payments__claim-docs > div span {
    position: relative;

    padding: 8px 10px 8px 27px;

    border: 1px solid rgba(0, 85, 255, .12);
    border-radius: 5px;

    background: rgba(255, 255, 255, .8);
    color: #555c66;

    font-size: 11px;
    font-weight: 600;
}

.pg-payments .pg-payments__claim-docs > div span::before {
    content: "✓";

    position: absolute;
    left: 10px;
    top: 7px;

    color: var(--pgpay-blue);

    font-weight: 800;
}


/* =========================================================
   LEGAL NOTE
   ========================================================= */

.pg-payments .pg-payments__legal-note {
    margin-top: 25px;
    padding: 19px 22px;

    border-left: 4px solid var(--pgpay-blue);

    background: var(--pgpay-soft);

    color: #5a6068;

    font-size: 13px;
    font-weight: 600;
}


/* =========================================================
   SECURITY SECTION
   ========================================================= */

.pg-payments .pg-payments__security-section {
    padding: 80px 0;

    border-top: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__security-head {
    max-width: 800px;
    margin-bottom: 38px;
}

.pg-payments .pg-payments__security-head p {
    max-width: 720px;
    margin: 16px 0 0;

    font-size: 17px;
}

.pg-payments .pg-payments__security-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    overflow: hidden;

    border: 1px solid var(--pgpay-border);
    border-radius: 12px;
}

.pg-payments .pg-payments__security-grid article {
    min-width: 0;
    padding: 27px 23px;

    border-right: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__security-grid article:last-child {
    border-right: 0;
}

.pg-payments .pg-payments__security-grid article > span {
    display: block;
    margin-bottom: 27px;

    color: var(--pgpay-blue);

    font-size: 11px;
    font-weight: 800;
}

.pg-payments .pg-payments__security-grid h3 {
    margin: 0 0 10px;

    font-size: 16px;
}

.pg-payments .pg-payments__security-grid p {
    margin: 0;

    color: var(--pgpay-muted);

    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   CONSUMER NOTICE
   ========================================================= */

.pg-payments .pg-payments__consumer-notice {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 28px;

    margin-bottom: 80px;
    padding: 31px 34px;

    border: 1px solid #d9e4fa;
    border-radius: 12px;

    background: var(--pgpay-blue-soft);
}

.pg-payments .pg-payments__consumer-notice-mark {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    border: 2px solid var(--pgpay-blue);
    border-radius: 50%;

    color: var(--pgpay-blue);

    font-size: 20px;
    font-weight: 800;
    letter-spacing: -1px;
}

.pg-payments .pg-payments__consumer-notice > div:last-child > span {
    display: block;
    margin-bottom: 6px;

    color: var(--pgpay-blue);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pg-payments .pg-payments__consumer-notice h3 {
    margin: 0 0 11px;

    font-size: 21px;
}

.pg-payments .pg-payments__consumer-notice p {
    max-width: 820px;
    margin-bottom: 10px;

    color: #59616b;

    font-size: 14px;
}


/* =========================================================
   TRUST
   ========================================================= */

.pg-payments .pg-payments__trust {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 80px;

    padding: 78px 0;

    border-top: 1px solid var(--pgpay-border);
}

.pg-payments .pg-payments__trust-content {
    max-width: 730px;
}

.pg-payments .pg-payments__trust-content p {
    margin-bottom: 16px;
}

.pg-payments .pg-payments__trust-final {
    margin-top: 27px !important;
    padding: 22px 26px;

    border-left: 4px solid var(--pgpay-blue);

    background: var(--pgpay-blue-soft);

    color: var(--pgpay-heading);

    font-weight: 700;
}


/* =========================================================
   CTA
   ========================================================= */

.pg-payments .pg-payments__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;

    padding: 43px 46px;

    border: 1px solid #d8e2f7;
    border-radius: 14px;

    background: var(--pgpay-blue-soft);
}

.pg-payments .pg-payments__cta > div:first-child {
    max-width: 700px;
}

.pg-payments .pg-payments__cta h2 {
    margin-bottom: 14px;

    font-size: clamp(29px, 3vw, 40px);
}

.pg-payments .pg-payments__cta p {
    margin: 0;
}

.pg-payments .pg-payments__cta-actions {
    display: flex;
    flex: 0 0 230px;
    flex-direction: column;
    gap: 9px;
}

.pg-payments .pg-payments__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    min-height: 52px;
    padding: 13px 17px;

    border-radius: 6px;

    font-size: 13px;
    font-weight: 700;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease;
}

.pg-payments .pg-payments__button:hover {
    transform: translateY(-2px);
}

.pg-payments .pg-payments__button--primary {
    background: var(--pgpay-blue);
    color: #ffffff;
}

.pg-payments .pg-payments__button--primary:hover {
    background: var(--pgpay-blue-dark);
    color: #ffffff;
}

.pg-payments .pg-payments__button--secondary {
    border: 1px solid #cbd8ef;

    background: #ffffff;
    color: var(--pgpay-heading);
}

.pg-payments .pg-payments__button--secondary:hover {
    color: var(--pgpay-blue);
}


/* =========================================================
   HIGH DPI / RETINA
   All visual elements are HTML/CSS/vector based
   ========================================================= */

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {

    .pg-payments {
        -webkit-font-smoothing: antialiased;
        text-rendering: geometricPrecision;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .pg-payments .pg-payments__hero-trust {
        grid-template-columns: repeat(2, 1fr);
    }

    .pg-payments .pg-payments__hero-trust > div:nth-child(2) {
        border-right: 0;
    }

    .pg-payments .pg-payments__hero-trust > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--pgpay-border);
    }

    .pg-payments .pg-payments__hero-trust > div:first-child {
        padding-left: 20px;
    }

    .pg-payments .pg-payments__split,
    .pg-payments .pg-payments__trust {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pg-payments .pg-payments__document-grid,
    .pg-payments .pg-payments__security-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pg-payments .pg-payments__document-grid article:nth-child(2),
    .pg-payments .pg-payments__security-grid article:nth-child(2) {
        border-right: 0;
    }

    .pg-payments .pg-payments__document-grid article:nth-child(-n+2),
    .pg-payments .pg-payments__security-grid article:nth-child(-n+2) {
        border-bottom: 1px solid var(--pgpay-border);
    }

    .pg-payments .pg-payments__vat-main,
    .pg-payments .pg-payments__warranty-feature {
        grid-template-columns: 1fr;
    }

    .pg-payments .pg-payments__vat-rate,
    .pg-payments .pg-payments__warranty-big {
        min-height: 0;
    }

    .pg-payments .pg-payments__claim-layout {
        grid-template-columns: 1fr;
    }

    .pg-payments .pg-payments__cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .pg-payments .pg-payments__cta-actions {
        width: 100%;
        flex: none;
        flex-direction: row;
    }

    .pg-payments .pg-payments__button {
        flex: 1;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pg-payments {
        padding: 24px 16px 60px;
    }

    .pg-payments .pg-payments__hero {
        padding: 10px 0 48px;
    }

    .pg-payments .pg-payments__hero h1 {
        font-size: 41px;
        letter-spacing: -1.4px;
    }

    .pg-payments .pg-payments__lead {
        font-size: 17px;
    }

    .pg-payments .pg-payments__section,
    .pg-payments .pg-payments__split,
    .pg-payments .pg-payments__security-section,
    .pg-payments .pg-payments__trust {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pg-payments h2 {
        font-size: 31px;
        letter-spacing: -.6px;
    }

    .pg-payments .pg-payments__company-card {
        grid-template-columns: 1fr;
    }

    .pg-payments .pg-payments__document-grid,
    .pg-payments .pg-payments__security-grid,
    .pg-payments .pg-payments__vat-grid,
    .pg-payments .pg-payments__warranty-grid {
        grid-template-columns: 1fr;
    }

    .pg-payments .pg-payments__document-grid article,
    .pg-payments .pg-payments__document-grid article:nth-child(2),
    .pg-payments .pg-payments__security-grid article,
    .pg-payments .pg-payments__security-grid article:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid var(--pgpay-border);
    }

    .pg-payments .pg-payments__document-grid article:last-child,
    .pg-payments .pg-payments__security-grid article:last-child {
        border-bottom: 0;
    }

    .pg-payments .pg-payments__included {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .pg-payments .pg-payments__timeline article {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 12px;
    }

    .pg-payments .pg-payments__vat-rate {
        padding: 28px;
    }

    .pg-payments .pg-payments__vat-rate > strong {
        font-size: 80px;
    }

    .pg-payments .pg-payments__vat-copy,
    .pg-payments .pg-payments__warranty-copy {
        padding: 28px 24px;
    }

    .pg-payments .pg-payments__claim-list > div {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 10px;
    }

    .pg-payments .pg-payments__claim-list p {
        grid-column: 2;
    }

    .pg-payments .pg-payments__consumer-notice {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 55px;
        padding: 25px;
    }

    .pg-payments .pg-payments__consumer-notice-mark {
        width: 58px;
        height: 58px;
        font-size: 17px;
    }

    .pg-payments .pg-payments__cta {
        padding: 29px 23px;
    }

    .pg-payments .pg-payments__cta-actions {
        flex-direction: column;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pg-payments .pg-payments__hero h1 {
        font-size: 35px;
    }

    .pg-payments .pg-payments__hero-trust {
        grid-template-columns: 1fr;
    }

    .pg-payments .pg-payments__hero-trust > div,
    .pg-payments .pg-payments__hero-trust > div:first-child {
        padding: 17px 0;

        border-right: 0;
        border-bottom: 1px solid var(--pgpay-border);
    }

    .pg-payments .pg-payments__hero-trust > div:last-child {
        border-bottom: 0;
    }

    .pg-payments .pg-payments__security-box {
        grid-template-columns: 1fr;
    }

    .pg-payments .pg-payments__vat-rate > strong {
        font-size: 69px;
        letter-spacing: -3px;
    }

    .pg-payments .pg-payments__warranty-big {
        padding: 27px 23px;
    }

    .pg-payments .pg-payments__warranty-big > strong {
        font-size: 37px;
    }
}