/*
 * Tink's Checkout Redesign
 * Version 0.0.39
 * Scope: /checkout/checkout only
 */

html.tinks-checkout-v1 body #content {
    background: #f4f5f6 !important;
    padding-top: 28px !important;
    padding-bottom: 42px !important;
}

html.tinks-checkout-v1 body #content > .row {
    max-width: 1480px;
    margin-left: auto !important;
    margin-right: auto !important;
}

html.tinks-checkout-v1 .tco-hidden {
    display: none !important;
}

/* ------------------------------------------------------------
   Checkout hero
   ------------------------------------------------------------ */

html.tinks-checkout-v1 .tco-hero {
    margin: 0 0 16px;
    padding: 24px 28px;
    background: #fff;
    border: 1px solid #dfe3e7;
    border-radius: 16px;
}

html.tinks-checkout-v1 .tco-kicker {
    margin-bottom: 5px;
    color: #71808b;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

html.tinks-checkout-v1 .tco-hero h1 {
    margin: 0 0 5px;
    color: #20242a;
    font-family: "Titillium Web", Arial, sans-serif;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 700;
}

html.tinks-checkout-v1 .tco-hero p {
    max-width: 760px;
    margin: 0;
    color: #64707b;
    font-size: 13px;
    line-height: 1.5;
}

/* ------------------------------------------------------------
   Entry / account choice area
   ------------------------------------------------------------ */

html.tinks-checkout-v1 .tco-entry-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(330px, .8fr);
    gap: 16px;
    margin: 0 0 16px;
    align-items: stretch;
}

html.tinks-checkout-v1 .tco-choice-card,
html.tinks-checkout-v1 .tco-login-card {
    min-width: 0;
    padding: 22px;
    background: #fff;
    border: 1px solid #dfe3e7;
    border-radius: 16px;
}

html.tinks-checkout-v1 .tco-section-kicker {
    margin-bottom: 4px;
    color: #75818c;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

html.tinks-checkout-v1 .tco-choice-card h2,
html.tinks-checkout-v1 .tco-login-card h2 {
    margin: 0 0 5px;
    color: #20242a;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
}

html.tinks-checkout-v1 .tco-choice-intro,
html.tinks-checkout-v1 .tco-login-intro {
    margin: 0 0 16px;
    color: #68737d;
    font-size: 12px;
    line-height: 1.5;
}

html.tinks-checkout-v1 .tco-choices {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

html.tinks-checkout-v1 .tco-choice {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 132px;
    padding: 16px;
    border: 1px solid #d7dde1;
    border-radius: 12px;
    background: #fafbfc;
    color: #20242a;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

html.tinks-checkout-v1 .tco-choice:hover,
html.tinks-checkout-v1 .tco-choice:focus-visible {
    border-color: #aeb9c1;
    background: #fff;
    outline: none;
}

html.tinks-checkout-v1 .tco-choice.tco-selected {
    border-color: #8bd000;
    background: #f7fbeF;
    box-shadow: inset 0 0 0 1px #8bd000;
}

html.tinks-checkout-v1 .tco-choice-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eef1f3;
    color: #59656f;
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
}

html.tinks-checkout-v1 .tco-choice.tco-selected .tco-choice-icon {
    background: #edf8da;
    color: #6da400;
}

html.tinks-checkout-v1 .tco-choice-title {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 800;
}

html.tinks-checkout-v1 .tco-choice-copy {
    color: #6b7680;
    font-size: 10.5px;
    line-height: 1.42;
}

html.tinks-checkout-v1 .tco-choice-paypal {
    background: #fffaf0;
}

html.tinks-checkout-v1 .tco-choice-paypal .tco-choice-icon {
    font-family: Arial, sans-serif;
    width: auto;
    min-width: 50px;
    padding: 0 8px;
    color: #1261a0;
    background: #fff0cf;
    font-size: 13px;
    font-weight: 800;
}

/* Returning customer card */

html.tinks-checkout-v1 .tco-login-card fieldset,
html.tinks-checkout-v1 .tco-login-card legend {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.tinks-checkout-v1 .tco-login-card legend,
html.tinks-checkout-v1 .tco-login-card fieldset > p {
    display: none !important;
}

html.tinks-checkout-v1 .tco-login-card .form-group {
    margin: 0 0 10px !important;
}

html.tinks-checkout-v1 .tco-login-card label {
    display: block;
    margin-bottom: 5px;
    color: #424b54;
    font-size: 11px;
    font-weight: 700;
}

html.tinks-checkout-v1 .tco-login-card .form-control {
    width: 100%;
    height: 42px;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
}

html.tinks-checkout-v1 .tco-login-card .form-control:focus {
    border-color: #8bd000 !important;
    box-shadow: 0 0 0 3px rgba(139,208,0,.12) !important;
}

html.tinks-checkout-v1 .tco-login-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}

html.tinks-checkout-v1 .tco-login-actions a {
    color: #66717b !important;
    font-size: 10.5px;
    text-decoration: none !important;
}

html.tinks-checkout-v1 #button-login {
    min-width: 108px;
    height: 40px;
    border: 1px solid #77b600 !important;
    border-radius: 8px !important;
    background: #8bd000 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    box-shadow: none !important;
}

/* ------------------------------------------------------------
   Progressive "single page" checkout
   ------------------------------------------------------------ */

html.tinks-checkout-v1 #System_jIiPIWA6 {
    margin: 0 !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 #accordion {
    margin: 0 !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 #accordion > .panel {
    margin: 0 0 10px !important;
    overflow: hidden;
    border: 1px solid #dfe3e7 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 #accordion > .panel:last-child {
    margin-bottom: 0 !important;
}

/* Original Step 1 body is replaced by our custom entry area */
html.tinks-checkout-v1 #System_jIiPIWA6 #accordion > .panel:first-child {
    display: none !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel-heading {
    padding: 0 !important;
    border: 0 !important;
    background: #f7f8f9 !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel-title {
    margin: 0 !important;
    padding: 14px 18px !important;
    background: transparent !important;
    color: #20242a !important;
    font-size: 13px !important;
    line-height: 1.25;
    font-weight: 800 !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel-title a {
    display: block !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel-title .fa {
    display: none !important;
}

/*
 * Critical single-page behaviour:
 * OpenCart can continue adding/removing .in as usual; CSS keeps every
 * loaded stage visible once its body has been populated.
 */
html.tinks-checkout-v1 #System_jIiPIWA6 .panel-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel-collapse .panel-body:empty {
    display: none !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel-collapse .panel-body {
    padding: 18px !important;
    border-top: 1px solid #e4e8eb !important;
    background: #fff !important;
}

/* Dim future/unloaded steps without hiding their roadmap headings */
html.tinks-checkout-v1 #System_jIiPIWA6 .panel.tco-empty-step .panel-heading {
    background: #fafbfc !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel.tco-empty-step .panel-title {
    color: #8a949d !important;
}

/* Loaded/completed step marker */
html.tinks-checkout-v1 #System_jIiPIWA6 .panel.tco-loaded-step .panel-title {
    position: relative;
    padding-left: 44px !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .panel.tco-loaded-step .panel-title::before {
    content: "\f058";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    color: #73ad00;
    font-size: 14px;
    font-weight: normal;
}

/* Generic fields loaded by later stages */
html.tinks-checkout-v1 #System_jIiPIWA6 .form-control {
    min-height: 42px;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .form-control:focus {
    border-color: #8bd000 !important;
    box-shadow: 0 0 0 3px rgba(139,208,0,.12) !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .btn-primary {
    min-height: 40px;
    border: 1px solid #77b600 !important;
    border-radius: 8px !important;
    background: #8bd000 !important;
    color: #fff !important;
    font-weight: 800;
    box-shadow: none !important;
}

html.tinks-checkout-v1 #System_jIiPIWA6 .btn-default {
    min-height: 40px;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #30363c !important;
    box-shadow: none !important;
}

/* Small processing feedback after choosing Register / Guest */
html.tinks-checkout-v1 .tco-choice.tco-loading::after {
    content: "Loading next step…";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 10px;
    color: #70a900;
    font-size: 9px;
    font-weight: 800;
}

/* ------------------------------------------------------------
   Responsive base
   ------------------------------------------------------------ */

@media (max-width: 900px) {
    html.tinks-checkout-v1 .tco-entry-grid {
        grid-template-columns: 1fr;
    }

    html.tinks-checkout-v1 .tco-choices {
        grid-template-columns: 1fr;
    }

    html.tinks-checkout-v1 .tco-choice {
        min-height: 90px;
    }
}

@media (max-width: 650px) {
    html.tinks-checkout-v1 body #content {
        padding: 14px !important;
    }

    html.tinks-checkout-v1 .tco-hero,
    html.tinks-checkout-v1 .tco-choice-card,
    html.tinks-checkout-v1 .tco-login-card {
        padding: 18px;
    }

    html.tinks-checkout-v1 .tco-hero h1 {
        font-size: 29px;
    }
}


/* ============================================================
   v0.0.3 — Checkout choices + returning customer actions
   ============================================================ */

/* Stronger, cleaner checkout-option cards */
html.tinks-checkout-v1 .tco-choices {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

html.tinks-checkout-v1 .tco-choice {
    min-height: 156px !important;
    padding: 18px !important;
    border: 1px solid #d8dde1 !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html.tinks-checkout-v1 .tco-choice:hover,
html.tinks-checkout-v1 .tco-choice:focus-visible {
    border-color: #aeb8c0 !important;
    background: #fbfcfd !important;
}

html.tinks-checkout-v1 .tco-choice.tco-selected {
    border-color: #8bd000 !important;
    background: #f8fced !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1 .tco-choice-icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 12px !important;
    border-radius: 9px !important;
    background: #f0f2f4 !important;
    color: #58636c !important;
}

html.tinks-checkout-v1 .tco-choice.tco-selected .tco-choice-icon {
    background: #edf8da !important;
    color: #6ea700 !important;
}

html.tinks-checkout-v1 .tco-choice-title {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1 .tco-choice-copy {
    color: #68737d !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

/* PayPal card: neutral shell, PayPal identity only in badge */
html.tinks-checkout-v1 .tco-choice-paypal {
    background: #fff !important;
}

html.tinks-checkout-v1 .tco-choice-paypal .tco-choice-icon {
    width: auto !important;
    min-width: 58px !important;
    padding: 0 10px !important;
    background: #fff3d7 !important;
    color: #1261a0 !important;
}

/* Returning customer card spacing */
html.tinks-checkout-v1 .tco-login-card .form-group {
    margin-bottom: 12px !important;
}

html.tinks-checkout-v1 .tco-login-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, auto) !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin-top: 14px !important;
}

/* Forgotten password becomes a neutral secondary button */
html.tinks-checkout-v1 .tco-login-actions a[href*="/account/forgotten"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    width: 100%;
    padding: 0 14px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #30363c !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

html.tinks-checkout-v1 .tco-login-actions a[href*="/account/forgotten"]:hover,
html.tinks-checkout-v1 .tco-login-actions a[href*="/account/forgotten"]:focus-visible {
    background: #f1f3f5 !important;
    border-color: #bcc4ca !important;
    color: #20242a !important;
}

/* Sign-in is the primary action */
html.tinks-checkout-v1 #button-login {
    width: 100% !important;
    min-width: 112px !important;
    height: 40px !important;
    margin: 0 !important;
}

/* Slightly improve desktop proportions */
@media (min-width: 901px) {
    html.tinks-checkout-v1 .tco-entry-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(350px, .78fr) !important;
    }
}

/* Small screens: cards remain easy to tap */
@media (max-width: 900px) {
    html.tinks-checkout-v1 .tco-choices {
        grid-template-columns: 1fr !important;
    }

    html.tinks-checkout-v1 .tco-choice {
        min-height: 104px !important;
    }

    html.tinks-checkout-v1 .tco-login-actions {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.4 — Override BurnEngine's generic BUTTON skin
   ============================================================ */

/*
 * BurnEngine is applying its generic button colours directly to our
 * <button> checkout-option cards. Target the actual generated button
 * elements and all of their text descendants explicitly.
 */
html.tinks-checkout-v1 body #content
.tco-choice-card .tco-choices > button.tco-choice {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 152px !important;
    margin: 0 !important;
    padding: 17px !important;
    border: 1px solid #d7dde1 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #20242a !important;
    text-align: left !important;
    text-shadow: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card .tco-choices > button.tco-choice:hover,
html.tinks-checkout-v1 body #content
.tco-choice-card .tco-choices > button.tco-choice:focus-visible {
    border-color: #b4bdc4 !important;
    background: #fafbfc !important;
    color: #20242a !important;
    outline: none !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card .tco-choices > button.tco-choice.tco-selected {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    color: #20242a !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

/* Do not allow global button text colours to leak into card contents. */
html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice .tco-choice-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    color: #20242a !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice .tco-choice-copy {
    display: block !important;
    width: 100% !important;
    color: #68737d !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice .tco-choice-icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #eef1f3 !important;
    color: #59656f !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice.tco-selected .tco-choice-icon {
    background: #eaf6d6 !important;
    color: #6ca500 !important;
}

/* PayPal keeps its brand badge without turning the whole card yellow/grey. */
html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice-paypal .tco-choice-icon {
    width: auto !important;
    min-width: 70px !important;
    padding: 0 12px !important;
    background: #fff1cf !important;
    color: #1261a0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* Login action wording / sizing */
html.tinks-checkout-v1 #button-login {
    min-width: 112px !important;
    color: #fff !important;
    text-shadow: none !important;
}


/* ============================================================
   v0.0.5 — Checkout copy, wrapping and top-spacing refinement
   ============================================================ */

/* Pull checkout closer to the main navigation. */
html.tinks-checkout-v1 body #content {
    padding-top: 16px !important;
}

/* Hero no longer needs explanatory body copy. */
html.tinks-checkout-v1 .tco-hero {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

html.tinks-checkout-v1 .tco-hero p {
    display: none !important;
}

/* Let option-card content wrap naturally and stay inside each card. */
html.tinks-checkout-v1 body #content
.tco-choice-card .tco-choices > button.tco-choice {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice .tco-choice-title,
html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice .tco-choice-copy {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Repeat-customer card carries a slightly longer benefit list. */
html.tinks-checkout-v1 .tco-choice-register {
    min-height: 190px !important;
}

html.tinks-checkout-v1 .tco-choice-benefits {
    margin: 9px 0 0 !important;
    padding-left: 16px !important;
    color: #68737d !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

html.tinks-checkout-v1 .tco-choice-benefits li {
    margin: 0 0 3px !important;
}

html.tinks-checkout-v1 .tco-choice-benefits li:last-child {
    margin-bottom: 0 !important;
}

/* Keep the three cards visually balanced despite different copy lengths. */
html.tinks-checkout-v1 .tco-choices {
    align-items: stretch !important;
}

html.tinks-checkout-v1 .tco-choice {
    height: 100% !important;
}

/* Slightly tighten the space beneath the choice area. */
html.tinks-checkout-v1 .tco-entry-grid {
    margin-bottom: 12px !important;
}


/* ============================================================
   v0.0.6 — Compact page top + repeat-customer copy + login align
   ============================================================ */

/* The old Express Checkout row is now empty after we harvest PayPal.
   Remove the whole BurnEngine row so it cannot leave its tb_mb_40 gap. */
html.tinks-checkout-v1 .tco-hidden-row {
    display: none !important;
}

/* Bring checkout much closer to the navigation bar. */
html.tinks-checkout-v1 body #content {
    padding-top: 8px !important;
}

html.tinks-checkout-v1 .tco-hero {
    margin-top: 0 !important;
}

/* Properly centre the label inside the native INPUT button. */
html.tinks-checkout-v1 #button-login {
    height: 40px !important;
    padding: 0 !important;
    line-height: 40px !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Repeat-customer benefits need visible bullets. */
html.tinks-checkout-v1 .tco-choice-benefits {
    list-style: disc outside !important;
    margin: 9px 0 0 15px !important;
    padding: 0 0 0 10px !important;
}

html.tinks-checkout-v1 .tco-choice-benefits li {
    display: list-item !important;
    list-style: disc outside !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
}

html.tinks-checkout-v1 .tco-choice-benefits li::marker {
    color: #6fa800;
}

/* Slightly more room for the expanded repeat-customer explanation. */
html.tinks-checkout-v1 .tco-choice-register {
    min-height: 214px !important;
}


/* ============================================================
   v0.0.7 — Guest checkout icon fix
   ============================================================ */

/*
 * Use the same proven account/customer icon for Guest Checkout.
 * This avoids the missing glyph currently produced by the alternate
 * Font Awesome codepoint in this theme/font build.
 */
html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice-guest .tco-choice-icon {
    font-family: FontAwesome !important;
    color: #59656f !important;
}

html.tinks-checkout-v1 body #content
.tco-choice-card button.tco-choice-guest.tco-selected .tco-choice-icon {
    color: #6ca500 !important;
}


/* ============================================================
   v0.0.8 — No checkout option preselected on first load
   ============================================================ */

/* Defensive reset: no card should look selected until the shopper chooses it. */
html.tinks-checkout-v1 body #content
.tco-choice-card .tco-choices > button.tco-choice:not(.tco-selected) {
    border-color: #d7dde1 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}


/* ============================================================
   v0.0.9 — Animated one-step-at-a-time checkout flow
   ============================================================ */

/*
 * Stage 1 is the checkout-choice / sign-in area.
 * Steps 2–6 are the existing OpenCart panels, but only the active
 * stage is shown. Transitions mimic a horizontal app-style flow.
 */
html.tinks-checkout-v1 .tco-flow-stage {
    will-change: transform, opacity;
}

html.tinks-checkout-v1 .tco-stage-hidden {
    display: none !important;
}

html.tinks-checkout-v1 .tco-stage-current {
    display: block !important;
    opacity: 1;
    transform: translateX(0);
}

html.tinks-checkout-v1 .tco-stage-enter-from-right {
    display: block !important;
    opacity: 0;
    transform: translateX(72px);
}

html.tinks-checkout-v1 .tco-stage-enter-active {
    display: block !important;
    opacity: 1;
    transform: translateX(0);
    transition:
        transform .34s cubic-bezier(.22,.61,.36,1),
        opacity .28s ease;
}

html.tinks-checkout-v1 .tco-stage-leave-left {
    opacity: 0;
    transform: translateX(-72px);
    transition:
        transform .30s cubic-bezier(.55,.06,.68,.19),
        opacity .22s ease;
}

/* All native checkout panels are suppressed until the flow manager activates one. */
html.tinks-checkout-v1 #System_jIiPIWA6 #accordion > .panel.tco-flow-stage {
    margin-bottom: 0 !important;
}

/* Active step should read like the primary task, not an accordion strip. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel.tco-stage-current {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* The active panel gets a slightly stronger step header. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel.tco-stage-current > .panel-heading {
    background: #f6f8f4 !important;
    border-bottom: 1px solid #e1e6e9 !important;
}

/* Stage-one card stays in normal document flow while animating. */
html.tinks-checkout-v1 .tco-entry-grid.tco-flow-stage {
    transform-origin: center center;
}

/* Keep motion comfortable on phones. */
@media (max-width: 650px) {
    html.tinks-checkout-v1 .tco-stage-enter-from-right {
        transform: translateX(42px);
    }

    html.tinks-checkout-v1 .tco-stage-leave-left {
        transform: translateX(-42px);
    }
}

/* Respect OS reduced-motion preference. */
@media (prefers-reduced-motion: reduce) {
    html.tinks-checkout-v1 .tco-stage-enter-active,
    html.tinks-checkout-v1 .tco-stage-leave-left {
        transition: none !important;
    }
}


/* ============================================================
   v0.0.10 — Preserve Stage 1 desktop two-column grid
   ============================================================ */

/*
 * v0.0.9's generic animation state used display:block!important.
 * That unintentionally overrode .tco-entry-grid's desktop grid,
 * causing the Sign In card to wrap underneath the checkout choices.
 *
 * Stage 1 must remain a grid even while entering/leaving.
 */
html.tinks-checkout-v1 .tco-entry-grid.tco-stage-current,
html.tinks-checkout-v1 .tco-entry-grid.tco-stage-enter-from-right,
html.tinks-checkout-v1 .tco-entry-grid.tco-stage-enter-active,
html.tinks-checkout-v1 .tco-entry-grid.tco-stage-leave-left {
    display: grid !important;
}

@media (min-width: 901px) {
    html.tinks-checkout-v1 .tco-entry-grid.tco-flow-stage {
        grid-template-columns: minmax(0, 1.45fr) minmax(350px, .78fr) !important;
        gap: 16px !important;
        align-items: stretch !important;
    }
}

@media (max-width: 900px) {
    html.tinks-checkout-v1 .tco-entry-grid.tco-flow-stage {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.11 — Compact Step 2 / Account & Billing Details
   ============================================================ */

/* Give the active Step 2 card a tighter, cleaner form layout. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .panel-body {
    padding: 16px 18px 14px !important;
}

/* Two-column desktop layout stays, but with less wasted whitespace. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .row > [class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Section headings */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] h2,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] h3,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] legend {
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #20242a !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    border: 0 !important;
}

/* Compact field rows */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .form-group {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 0 9px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .control-label {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #46515b !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .form-group > [class*="col-"] {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

/* Inputs/selects a little shorter */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .form-control {
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
}

/* Horizontal separators and secondary sections */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] hr {
    margin: 14px 0 !important;
    border-top: 1px solid #e5e8eb !important;
}

/* Password block */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-password {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e5e8eb;
}

/* Checkboxes */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .checkbox,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .radio {
    margin: 7px 0 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
}

/* Captcha: compact horizontal strip */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e5e8eb;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha h2,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha h3 {
    margin: 0 !important;
    font-size: 16px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha input[type="text"] {
    width: 100% !important;
    max-width: none !important;
}

/* Final consent + Continue row */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .buttons {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr) !important;
    gap: 14px !important;
    align-items: center !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e5e8eb !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .buttons .pull-left,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .buttons .pull-right {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .buttons .btn-primary {
    width: 100% !important;
    min-height: 40px !important;
}

/* Permanently hide Fax row once tagged by JS. */
html.tinks-checkout-v1 .tco-hide-fax {
    display: none !important;
}

/* Mobile falls back to stacked labels/fields. */
@media (max-width: 760px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .form-group {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin-bottom: 10px !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .buttons {
        grid-template-columns: 1fr !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-captcha {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.12 — Step 2 three-column account form
   ============================================================ */

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-layout {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column {
    min-width: 0;
    padding: 16px !important;
    background: #fafbfc;
    border: 1px solid #e1e5e8;
    border-radius: 12px;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column-title {
    margin: 0 0 13px !important;
    color: #20242a;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 800;
}

/* Labels above controls instead of beside them. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column .form-group {
    display: block !important;
    margin: 0 0 10px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column .control-label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #4b5660 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column .form-group > [class*="col-"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column .form-control {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
}

/* Password fields should match the other columns. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
    background: #f8faf6;
}

/* Old headings/column shells become irrelevant after JS moves the fields. */
html.tinks-checkout-v1 .tco-step2-original-empty {
    display: none !important;
}

/* Captcha gets a compact but properly usable row. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap {
    display: grid !important;
    grid-template-columns: 90px minmax(180px, 260px) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin-top: 14px !important;
    padding: 14px 16px !important;
    background: #fafbfc;
    border: 1px solid #e1e5e8;
    border-radius: 12px;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-title {
    color: #20242a;
    font-size: 14px;
    font-weight: 800;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap input[type="text"] {
    width: 100% !important;
    min-width: 180px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Agreement / preferences grouped beside Continue. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr) !important;
    gap: 18px !important;
    align-items: end !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e2e6e9;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks {
    display: grid !important;
    gap: 7px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks .checkbox,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks label {
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer .buttons {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer .buttons .pull-left,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer .buttons .pull-right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer .btn-primary {
    width: 100% !important;
    min-height: 44px !important;
}

/* Fax is permanently gone. */
html.tinks-checkout-v1 .tco-hide-fax {
    display: none !important;
}

@media (max-width: 980px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-layout {
        grid-template-columns: 1fr 1fr !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-layout {
        grid-template-columns: 1fr !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
        grid-column: auto;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap,
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-footer {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.13 — Step 2 compact right-hand stack
   ============================================================ */

/* Fix Step 2 heading/icon collision. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"].tco-loaded-step .panel-title {
    padding-left: 48px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"].tco-loaded-step .panel-title::before {
    left: 19px !important;
}

/* Three true desktop columns, aligned to the top rather than equal-height. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-layout {
    align-items: start !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column {
    align-self: start !important;
}

/* Password column becomes a neutral stacked sidebar. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-password-box,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px !important;
    margin: 0 !important;
    background: #fafbfc !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 12px !important;
}

/* Password box only needs to be as tall as its two fields. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-password-box {
    display: block !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-password-box .tco-step2-column-title {
    margin-bottom: 12px !important;
}

/* Captcha below password: label, full-width input, image. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap {
    display: block !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-title {
    display: block !important;
    margin: 0 0 10px !important;
    color: #20242a !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap .form-group {
    display: block !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap .control-label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap input[type="text"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 0 8px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-captcha-wrap img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

/* Preferences + Terms + Continue form the final compact box in column 3. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer {
    display: block !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer .buttons {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 0 !important;
    margin: 0 !important;
    border-top: 1px solid #e2e6e9 !important;
}

/* Absolutely suppress the Fax row against old high-specificity form rules. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .form-group.tco-hide-fax,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] #input-payment-fax {
    display: none !important;
}

/* Hide empty legacy Captcha fieldset/legend left after controls are moved. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-empty-legacy {
    display: none !important;
}

@media (max-width: 980px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 700px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
        display: flex !important;
        grid-column: auto !important;
    }
}


/* ============================================================
   v0.0.14 — Step 2 checkbox/action refinement
   ============================================================ */

/* Checkbox card contains only the three consent/preference choices. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks-box {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    background: #fafbfc !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 12px !important;
}

/* Tighter vertical rhythm for checkbox rows. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks .checkbox,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks .form-group,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks label {
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
    color: #4f5963 !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
    margin: 1px 0 0 !important;
    accent-color: #8bd000;
}

/* Continue sits outside/below the checkbox card, aligned right. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-action-row {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-action-row .buttons {
    display: block !important;
    width: min(100%, 300px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-action-row .buttons .pull-left,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-action-row .buttons .pull-right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-action-row .btn-primary {
    width: 100% !important;
    min-height: 42px !important;
}

/* Old footer wrapper is no longer used as a visible card. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-footer {
    display: contents !important;
}

/* Remove the faint separator at the bottom of the active section. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .panel-body {
    border-bottom: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .panel-body::after,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] hr:last-of-type {
    display: none !important;
}

@media (max-width: 700px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-action-row {
        justify-content: stretch !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"] .tco-step2-action-row .buttons {
        width: 100% !important;
    }
}


/* ============================================================
   v0.0.15 — Proper Step 2 checkboxes + exact BurnEngine dividers
   ============================================================ */

/*
 * The rendered DOM shows these exact legacy separators:
 *   <span class="clear tb_sep"></span>
 *   <span class="clear tb_sep border"></span>
 * They no longer serve any purpose in the rebuilt Step 2.
 */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .panel-body > span.clear.tb_sep,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .panel-body > span.clear.tb_sep.border {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Compact checkbox container. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks-box {
    padding: 12px 14px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Legacy OpenCart uses two different shapes here:
 *   <div class="checkbox"><label>...</label></div>
 *   <label class="checkbox">...</label>
 * Normalize both into the same row.
 */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks > .checkbox,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks > .form-group {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks > label.checkbox,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks > .checkbox > label,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks > .form-group label {
    display: grid !important;
    grid-template-columns: 17px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #4d5760 !important;
    font-size: 10.5px !important;
    line-height: 1.32 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

/* Consistent custom checkbox. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: grid !important;
    place-content: center !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #b9c2c9 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks input[type="checkbox"]::before {
    content: "" !important;
    width: 8px !important;
    height: 4px !important;
    margin-top: -1px !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(-45deg) scale(0) !important;
    transform-origin: center !important;
    transition: transform .1s ease !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks input[type="checkbox"]:checked {
    border-color: #78b700 !important;
    background: #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks input[type="checkbox"]:checked::before {
    transform: rotate(-45deg) scale(1) !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks input[type="checkbox"]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139,208,0,.16) !important;
}

/* Terms link remains visually part of the sentence. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks a.agree {
    color: #3f4851 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks a.agree:hover {
    color: #6fa800 !important;
}


/* ============================================================
   v0.0.16 — Rebuild Step 2 checkbox rows with isolated markup
   ============================================================ */

/*
 * Stop styling the legacy OpenCart .checkbox markup. v0.0.16 replaces
 * each row with our own simple label > input + span structure so old
 * Bootstrap/BurnEngine checkbox rules cannot crush the copy column.
 */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #4d5760 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row > input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    flex: 0 0 16px !important;
    display: block !important;
    position: relative !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 1px 8px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #b8c1c8 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row > input[type="checkbox"]:checked {
    border-color: #78b700 !important;
    background: #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row > input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-copy {
    flex: 1 1 auto !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    color: inherit !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-copy a.agree {
    display: inline !important;
    color: #3f4851 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* Retire any legacy checkbox container that survived an AJAX redraw. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-checks > .checkbox:not(.tco-check-row) {
    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   v0.0.17 — Step 2 header alignment, native checkboxes, password eyes
   ============================================================ */

/* Nudge Step 2 title a little further right so it clears the green tick. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"].tco-loaded-step .panel-title {
    padding-left: 54px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"].tco-loaded-step .panel-title::before {
    left: 20px !important;
}

/*
 * Use the browser's native checkbox drawing with Tink's green accent.
 * This avoids the stray vertical white line produced by the earlier
 * custom pseudo-element checkbox.
 */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row > input[type="checkbox"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    flex: 0 0 16px !important;
    display: block !important;
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 1px 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    accent-color: #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row > input[type="checkbox"]::before,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-check-row > input[type="checkbox"]::after {
    content: none !important;
    display: none !important;
}

/* Password reveal control */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-password-field {
    position: relative !important;
    width: 100% !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-password-field .form-control {
    width: 100% !important;
    padding-right: 42px !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-password-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #707b84 !important;
    font-family: FontAwesome !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-password-toggle:hover,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-password-toggle:focus-visible {
    background: #eef1f3 !important;
    color: #4b555e !important;
    outline: none !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-password-toggle.tco-password-visible {
    color: #6fa800 !important;
}


/* ============================================================
   v0.0.18 — Existing-customer login transport fix
   ============================================================ */

/* Hidden field mirrors remain inside the native OpenCart checkout panel. */
html.tinks-checkout-v1 .tco-login-proxy {
    display: none !important;
}


/* ============================================================
   v0.0.19 — Guest checkout Step 2 cleanup
   ============================================================ */

/* Guest checkout should not show account-only/custom-account fields. */
html.tinks-checkout-v1[data-tco-account-type="guest"]
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-guest-hide {
    display: none !important;
}

/* Remove the empty password card entirely for guest checkout. */
html.tinks-checkout-v1[data-tco-account-type="guest"]
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-password-box {
    display: none !important;
}

/* The right-hand column remains available for the delivery checkbox + Continue. */
html.tinks-checkout-v1[data-tco-account-type="guest"]
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-column-password {
    gap: 10px !important;
}


/* ============================================================
   v0.0.20 — Step 3 Delivery Details redesign
   ============================================================ */

/* Compact active Step 3 panel. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .panel-body {
    padding: 16px !important;
}

/* Hide the original radio labels + address dropdown after JS harvests them. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-step3-native-hidden {
    display: none !important;
}

/* Existing-address chooser */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-step3-existing {
    margin-bottom: 14px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-step3-heading {
    margin: 0 0 5px !important;
    color: #20242a !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-step3-copy {
    margin: 0 0 11px !important;
    color: #68737d !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 14px !important;
    border: 1px solid #d9dfe3 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #20242a !important;
    text-align: left !important;
    box-shadow: none !important;
    white-space: normal !important;
    cursor: pointer !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card:hover {
    border-color: #b5bec5 !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card.tco-selected {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-icon {
    margin-bottom: 8px !important;
    color: #6fa800 !important;
    font-family: FontAwesome !important;
    font-size: 15px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-title {
    margin-bottom: 4px !important;
    color: #20242a !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-copy {
    color: #66727c !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

/* New-address card always sits beneath existing addresses. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-card {
    margin-top: 12px !important;
    padding: 15px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-toggle {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #20242a !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-toggle strong {
    font-size: 14px !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-toggle span:last-child {
    color: #7a858e !important;
    font-family: FontAwesome !important;
    font-size: 13px !important;
}

/* New-address form: full-width card, 3-column desktop grid. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-fields {
    display: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    margin-top: 12px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e3e7ea !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-card.tco-open .tco-new-address-fields {
    display: grid !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-fields .form-group {
    display: block !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-fields .control-label {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #4b5660 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-fields .form-group > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-fields .form-control {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Continue button sits below both address modes. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .buttons {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e5e8eb !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .buttons .pull-right {
    float: none !important;
    width: min(100%, 320px) !important;
    margin: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .buttons .btn-primary {
    width: 100% !important;
    min-height: 42px !important;
}

@media (max-width: 900px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="3"] .tco-address-grid,
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="3"] .tco-new-address-fields {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 650px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="3"] .tco-address-grid,
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="3"] .tco-new-address-fields {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.21 — Step 3 address readability + selected new-address card
              + Back navigation for checkout stages
   ============================================================ */

/* Existing saved-address cards: larger and proper address-line layout. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card {
    min-height: 126px !important;
    padding: 16px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-icon {
    margin-bottom: 9px !important;
    font-size: 16px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-title {
    margin-bottom: 6px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-lines {
    display: block !important;
    color: #58636d !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-line {
    display: block !important;
}

/* New-address card gets the same selected treatment while expanded. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-card.tco-open {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-card.tco-open .tco-new-address-fields {
    border-top-color: #dbe8c0 !important;
}

/* One clear title only. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-toggle {
    min-height: 38px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-new-address-toggle strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
}

/* ------------------------------------------------------------
   Back button shared by checkout stages 2–6
   ------------------------------------------------------------ */

html.tinks-checkout-v1 .tco-stage-back-row {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 0 12px !important;
}

html.tinks-checkout-v1 .tco-stage-back {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #3f4851 !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
}

html.tinks-checkout-v1 .tco-stage-back:hover,
html.tinks-checkout-v1 .tco-stage-back:focus-visible {
    background: #f1f3f5 !important;
    border-color: #bcc4ca !important;
    color: #20242a !important;
    outline: none !important;
}

/* Reverse-direction animation when navigating backwards. */
html.tinks-checkout-v1 .tco-stage-enter-from-left {
    display: block !important;
    opacity: 0;
    transform: translateX(-72px);
}

html.tinks-checkout-v1 .tco-stage-leave-right {
    opacity: 0;
    transform: translateX(72px);
    transition:
        transform .30s cubic-bezier(.55,.06,.68,.19),
        opacity .22s ease;
}

/* Stage 1 is a grid, even during reverse animation. */
html.tinks-checkout-v1 .tco-entry-grid.tco-stage-enter-from-left,
html.tinks-checkout-v1 .tco-entry-grid.tco-stage-leave-right {
    display: grid !important;
}

@media (max-width: 650px) {
    html.tinks-checkout-v1 .tco-stage-enter-from-left {
        transform: translateX(-42px);
    }

    html.tinks-checkout-v1 .tco-stage-leave-right {
        transform: translateX(42px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.tinks-checkout-v1 .tco-stage-leave-right {
        transition: none !important;
    }
}


/* ============================================================
   v0.0.22 — AJAX redraw resilience
   ============================================================ */

/*
 * No visual redesign in this build.
 * These selectors simply ensure that when OpenCart replaces a stage body
 * after Back -> reselect, our rebuilt layouts regain their intended display.
 */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-step2-layout {
    display: grid !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-step3-existing {
    display: block !important;
}


/* ============================================================
   v0.0.23 — Back button paired with Continue
   ============================================================ */

/* Retire the old top-of-stage Back row. */
html.tinks-checkout-v1 .tco-stage-back-row {
    display: none !important;
}

/* Shared bottom action row for Back + native Continue. */
html.tinks-checkout-v1 .tco-stage-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: 12px !important;
}

/* Neutral Back button sized to match Continue. */
html.tinks-checkout-v1 .tco-stage-back {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #30363c !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1 .tco-stage-back:hover,
html.tinks-checkout-v1 .tco-stage-back:focus-visible {
    background: #f1f3f5 !important;
    border-color: #bcc4ca !important;
    color: #20242a !important;
    outline: none !important;
}

/* Native button wrapper moved into the right half of our action row. */
html.tinks-checkout-v1 .tco-stage-actions > .buttons {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.tinks-checkout-v1 .tco-stage-actions > .buttons .pull-left,
html.tinks-checkout-v1 .tco-stage-actions > .buttons .pull-right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

html.tinks-checkout-v1 .tco-stage-actions > .buttons .btn-primary {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

/* Undo older per-stage button-row layouts once wrapped. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"] .tco-stage-actions .tco-step2-action-row,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-stage-actions .buttons {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

@media (max-width: 650px) {
    html.tinks-checkout-v1 .tco-stage-actions {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.24 — Back button lives inside native .buttons.clearfix
   ============================================================ */

/* Retire the v0.0.23 wrapper layout entirely. */
html.tinks-checkout-v1 .tco-stage-actions {
    display: contents !important;
}

/*
 * The native OpenCart .buttons.clearfix becomes the shared action row.
 * Back lives in .pull-left; Continue remains in .pull-right.
 */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e5e8eb !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back > .pull-left,
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back > .pull-right {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Kill any empty legacy label occupying the left side. */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back > .pull-left > label:empty {
    display: none !important;
}

/*
 * High-specificity neutral Back styling to beat BurnEngine's global
 * button skin. Same size/typography as Continue, but white/grey.
 */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back .tco-stage-back {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #30363c !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back .tco-stage-back:hover,
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back .tco-stage-back:focus-visible {
    border-color: #bcc4ca !important;
    background: #f1f3f5 !important;
    color: #20242a !important;
    outline: none !important;
}

/* Continue matches Back exactly for height/font sizing. */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel.tco-flow-stage
.buttons.clearfix.tco-buttons-with-back .btn-primary {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Step 2's custom action placeholder now owns the native buttons row. */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel[data-tco-stage="2"]
.tco-step2-action-row {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel[data-tco-stage="2"]
.tco-step2-action-row .buttons.clearfix.tco-buttons-with-back {
    margin-top: 0 !important;
}

/* Remove the obsolete line left behind by the old v0.0.23 wrapper. */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion > .panel[data-tco-stage="2"]
.tco-stage-actions {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

@media (max-width: 650px) {
    html.tinks-checkout-v1 body #content
    #System_jIiPIWA6 #accordion > .panel.tco-flow-stage
    .buttons.clearfix.tco-buttons-with-back {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.25 — Step 3 saved-address card alignment
   ============================================================ */

/*
 * Put the location icon in its own narrow column and keep the
 * customer/address copy together beside it.
 */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: start !important;
    align-content: start !important;
    min-height: 118px !important;
    padding: 15px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    margin: 2px 0 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-lines {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    margin: 0 !important;
    color: #58636d !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"] .tco-address-line {
    display: block !important;
    margin: 0 !important;
}


/* ============================================================
   v0.0.26 — Signed-in customer checkout support
   ============================================================ */

html.tinks-checkout-v1.tco-logged-in #Html_Lm1VqQ6P,
html.tinks-checkout-v1.tco-logged-in #OpenCart_FE56aKNb,
html.tinks-checkout-v1.tco-logged-in #Html_U12U257V,
html.tinks-checkout-v1.tco-logged-in .tco-logged-hide {
    display: none !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6 #accordion > .panel:first-child {
    display: none !important;
}

/* Signed-in stage 2 address chooser */
html.tinks-checkout-v1.tco-logged-in .tco-signed-address-stage {
    padding: 16px !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-card {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 108px !important;
    padding: 14px !important;
    border: 1px solid #d9dfe3 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #20242a !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
    white-space: normal !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-card:hover {
    background: #fafbfc !important;
    border-color: #bcc5cb !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-card.tco-selected {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-icon {
    color: #70aa00 !important;
    font-family: FontAwesome !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    margin-top: 2px !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-copy {
    min-width: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-name {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-address-line {
    display: block !important;
    color: #606c76 !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-card {
    margin-top: 10px !important;
    padding: 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-card.tco-open {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #20242a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields {
    display: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e2e7e9 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-card.tco-open .tco-signed-new-fields {
    display: grid !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields .form-group {
    display: block !important;
    margin: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields .control-label {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields .form-group > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields .form-control {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-native-hidden {
    display: none !important;
}

@media (max-width: 900px) {
    html.tinks-checkout-v1.tco-logged-in .tco-signed-address-grid,
    html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 650px) {
    html.tinks-checkout-v1.tco-logged-in .tco-signed-address-grid,
    html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.27 — Signed-in "new billing address" two-column layout
   ============================================================ */

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields {
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: start !important;
}

html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-card.tco-open .tco-signed-new-fields {
    display: grid !important;
}

html.tinks-checkout-v1.tco-logged-in .tco-signed-new-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: 0 !important;
}

/* Labels ABOVE fields — override Bootstrap's horizontal-form geometry. */
html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-column .form-group {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-column .form-group > label.control-label,
html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-column .form-group > .control-label {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #4b5660 !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-column .form-group > div[class*="col-"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-column .form-control {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Slightly tighter, cleaner expanded card. */
html.tinks-checkout-v1.tco-logged-in .tco-signed-new-card {
    padding: 13px 14px !important;
}

html.tinks-checkout-v1.tco-logged-in
.tco-signed-new-card.tco-open .tco-signed-new-fields {
    margin-top: 10px !important;
    padding-top: 12px !important;
}

/* Country/State/Post Code stay in the address column in requested order. */
html.tinks-checkout-v1.tco-logged-in .tco-signed-new-column-address {
    gap: 9px !important;
}

@media (max-width: 700px) {
    html.tinks-checkout-v1.tco-logged-in .tco-signed-new-fields {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}


/* ============================================================
   v0.0.28 — Signed-in Step 3 uses standard Delivery Details UI
   ============================================================ */

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .panel-body {
    padding: 16px !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .tco-address-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .tco-new-address-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
    html.tinks-checkout-v1.tco-logged-in
    #System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .tco-address-grid,
    html.tinks-checkout-v1.tco-logged-in
    #System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .tco-new-address-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 650px) {
    html.tinks-checkout-v1.tco-logged-in
    #System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .tco-address-grid,
    html.tinks-checkout-v1.tco-logged-in
    #System_jIiPIWA6 #accordion > .panel[data-tco-stage="3"] .tco-new-address-fields {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.29 — Signed-in Step 2 action alignment
              + Signed-in Step 3 two-column new-address layout
   ============================================================ */

/* ------------------------------------------------------------
   Signed-in Step 2: Continue narrower and right aligned
   ------------------------------------------------------------ */

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"]
.buttons.clearfix {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e5e8eb !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"]
.buttons.clearfix > .pull-right {
    float: none !important;
    width: min(100%, 360px) !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="2"]
.buttons.clearfix .btn-primary {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   Signed-in Step 3: same 2-column structure as Step 2 billing
   ------------------------------------------------------------ */

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-new-address-fields {
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: start !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-new-address-card.tco-open .tco-new-address-fields {
    display: grid !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-shipping-new-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-shipping-new-column .form-group {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-shipping-new-column .control-label {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #4b5660 !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-shipping-new-column .form-group > div[class*="col-"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="3"]
.tco-shipping-new-column .form-control {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    html.tinks-checkout-v1.tco-logged-in
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="3"]
    .tco-new-address-fields {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    html.tinks-checkout-v1.tco-logged-in
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="2"]
    .buttons.clearfix > .pull-right {
        width: 100% !important;
    }
}


/* ============================================================
   v0.0.30 — Step 4 Delivery Method cards + delivery notes
   ============================================================ */

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .panel-body {
    padding: 16px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-step4-native-hidden {
    display: none !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-step4-heading {
    margin: 0 0 5px !important;
    color: #20242a !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-step4-copy {
    margin: 0 0 12px !important;
    color: #68737d !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-card-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-method-card {
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-method-card:has(input:checked) {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-method-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid #e4e7e9 !important;
    color: #20242a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-method-title::before {
    content: "\f0d1";
    color: #6fa800;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-option {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #46515b !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-option:has(input:checked) {
    border-color: #9bd52f !important;
    background: #fbfff4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-option input[type="radio"] {
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
    margin: 1px 0 0 !important;
    accent-color: #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-shipping-option-copy {
    min-width: 0 !important;
    white-space: normal !important;
}

/* Delivery notes card */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-delivery-notes-card {
    margin-top: 12px !important;
    padding: 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-delivery-notes-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 5px !important;
    color: #20242a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-delivery-notes-title::before {
    content: "\f044";
    color: #6fa800;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-delivery-notes-copy {
    margin: 0 0 9px !important;
    color: #68737d !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"] .tco-delivery-notes-card textarea {
    display: block !important;
    width: 100% !important;
    min-height: 92px !important;
    height: 92px !important;
    padding: 10px !important;
    border: 1px solid #ccd4da !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #30363c !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

/* Ensure Step 4 always gets the standard Back + Continue row. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="4"]
.buttons.tco-buttons-with-back {
    margin-top: 14px !important;
}

@media (max-width: 700px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="4"] .tco-shipping-card-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.31 — Step 4 option labels + Back button correction
   ============================================================ */

/*
 * BurnEngine is still winning on the Step 4 Back button in this AJAX-loaded
 * panel. Use the exact stage/button structure with enough specificity to make
 * the button genuinely neutral and typography-match Continue.
 */
html.tinks-checkout-v1.tco-logged-in body
#content #System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"]
.buttons.tco-buttons-with-back
.pull-left > button.tco-stage-back,
html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"]
.buttons.tco-buttons-with-back
button.tco-stage-back {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #30363c !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

html.tinks-checkout-v1.tco-logged-in
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"]
.buttons.tco-buttons-with-back
button.tco-stage-back:hover {
    background: #f1f3f5 !important;
    background-color: #f1f3f5 !important;
    border-color: #bcc4ca !important;
    color: #20242a !important;
}

/* Make the individual method text prominent once restored by JS. */
html.tinks-checkout-v1
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"] .tco-shipping-option-copy {
    display: block !important;
    min-width: 0 !important;
    color: #3f4851 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    white-space: normal !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"] .tco-shipping-option-copy strong {
    font-weight: 800 !important;
}

/* Free collection wording gets a subtle positive treatment. */
html.tinks-checkout-v1
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"] .tco-shipping-free {
    color: #628f00 !important;
    font-weight: 800 !important;
}

/* ============================================================
   v0.0.32 — Step 4 FREE label visibility
   ============================================================ */
html.tinks-checkout-v1
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="4"] .tco-shipping-option-copy {
    visibility: visible !important;
    opacity: 1 !important;
}


/* ============================================================
   v0.0.33 — Step 5 Payment Method redesign
   Applies to signed-in, guest and new-account checkout
   ============================================================ */

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .panel-body {
    padding: 16px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-step5-native-hidden {
    display: none !important;
}

/* Intro */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-step5-heading {
    margin: 0 0 5px !important;
    color: #20242a !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-step5-copy {
    margin: 0 0 12px !important;
    color: #68737d !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
}

/* Payment cards */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    align-items: center !important;
    min-height: 58px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 11px !important;
    background: #fafbfc !important;
    color: #30363c !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card:hover {
    border-color: #bcc5cb !important;
    background: #fff !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card.tco-selected,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card:has(input:checked) {
    border-color: #8bd000 !important;
    background: #f7fce9 !important;
    box-shadow: inset 0 0 0 1px #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    accent-color: #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card-copy {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    white-space: normal !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card-copy::before {
    content: "\f09d";
    flex: 0 0 auto;
    color: #6fa800;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card[data-method*="bank"] .tco-payment-card-copy::before,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card[data-method*="transfer"] .tco-payment-card-copy::before {
    content: "\f19c";
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-payment-card[data-method*="paypal"] .tco-payment-card-copy::before {
    content: "\f1ed";
}

/* Order comments card */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-order-comments-card {
    margin-top: 12px !important;
    padding: 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-order-comments-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 5px !important;
    color: #20242a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-order-comments-title::before {
    content: "\f044";
    color: #6fa800;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-order-comments-copy {
    margin: 0 0 9px !important;
    color: #68737d !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-order-comments-card textarea {
    display: block !important;
    width: 100% !important;
    min-height: 92px !important;
    height: 92px !important;
    padding: 10px !important;
    border: 1px solid #ccd4da !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #30363c !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

/* Terms card */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-terms-card {
    margin-top: 12px !important;
    padding: 13px 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-terms-title {
    margin: 0 0 8px !important;
    color: #20242a !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-terms-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #4d5760 !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-terms-row input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 1px 0 0 !important;
    accent-color: #8bd000 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-terms-copy {
    min-width: 0 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="5"] .tco-terms-copy a {
    color: #3f4851 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* Action row — force Back neutral and typography-match Continue. */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.buttons.tco-buttons-with-back {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e5e8eb !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.buttons.tco-buttons-with-back > .pull-left,
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.buttons.tco-buttons-with-back > .pull-right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.buttons.tco-buttons-with-back .tco-stage-back {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    background-image: none !important;
    color: #30363c !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.buttons.tco-buttons-with-back .tco-stage-back:hover {
    background: #f1f3f5 !important;
    border-color: #bcc4ca !important;
    color: #20242a !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.buttons.tco-buttons-with-back .btn-primary {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="5"] .tco-payment-grid {
        grid-template-columns: 1fr !important;
    }

    html.tinks-checkout-v1 body #content
    #System_jIiPIWA6 #accordion
    > .panel[data-tco-stage="5"]
    .buttons.tco-buttons-with-back {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.34 — Step 5 Terms & Conditions label visibility
   ============================================================ */

/*
 * The generated DOM contains the full agreement text/link, but a legacy
 * BurnEngine label/span rule is suppressing its presentation. Explicitly
 * normalise every relevant text property inside our isolated terms card.
 */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.tco-terms-card .tco-terms-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #4d5760 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-indent: 0 !important;
    white-space: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.tco-terms-card .tco-terms-copy {
    display: inline !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #4d5760 !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-indent: 0 !important;
    white-space: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    clip: auto !important;
    transform: none !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.tco-terms-card .tco-terms-copy a,
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.tco-terms-card .tco-terms-copy b {
    display: inline !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #30363c !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    transform: none !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="5"]
.tco-terms-card .tco-terms-copy a {
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}


/* ============================================================
   v0.0.35 — Step 6 Confirm Order redesign
   ============================================================ */

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .panel-body {
    padding: 16px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-step6-native-hidden {
    display: none !important;
}

/* Order review card */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card {
    padding: 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fff !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 4px !important;
    color: #20242a !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-title::before {
    content: "\f00c";
    color: #6fa800;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-copy {
    margin: 0 0 12px !important;
    color: #68737d !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

/* Modernise native order table without changing any values. */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card .table-responsive {
    margin: 0 !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: #fff !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card thead td {
    padding: 9px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe3e7 !important;
    background: #f5f7f8 !important;
    color: #596572 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card tbody td {
    padding: 11px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    color: #3d4650 !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    vertical-align: top !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card tbody a {
    color: #20242a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card tfoot td {
    padding: 6px 10px !important;
    border: 0 !important;
    color: #4c5660 !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card tfoot tr:first-child td {
    padding-top: 10px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-confirm-card tfoot tr:last-child td {
    padding-top: 10px !important;
    padding-bottom: 11px !important;
    border-top: 1px solid #dfe3e7 !important;
    background: #fafbfc !important;
    color: #20242a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

/* Payment instructions card */
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-payment-instructions-card {
    margin-top: 12px !important;
    padding: 14px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-payment-instructions-heading {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 4px !important;
    color: #20242a !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-payment-instructions-heading::before {
    content: "\f19c";
    color: #6fa800;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-payment-instructions-copy {
    margin: 0 0 12px !important;
    color: #68737d !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-layout {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 110px !important;
    padding: 14px !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-brand img {
    display: block !important;
    max-width: 115px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-details {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-detail {
    padding: 10px !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 9px !important;
    background: #fff !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-detail-label {
    display: block !important;
    margin-bottom: 3px !important;
    color: #68737d !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-detail-value {
    display: block !important;
    color: #20242a !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-note {
    grid-column: 1 / -1 !important;
    margin-top: 2px !important;
    padding: 10px 11px !important;
    border-left: 3px solid #8bd000 !important;
    border-radius: 0 8px 8px 0 !important;
    background: #fff !important;
    color: #4e5963 !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"] .tco-bank-note strong {
    color: #20242a !important;
}

/* Final action row */
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e5e8eb !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back > .pull-left,
html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back > .pull-right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back .tco-stage-back {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #cfd5da !important;
    border-radius: 8px !important;
    background: #fff !important;
    background-image: none !important;
    color: #30363c !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back .tco-stage-back:hover {
    background: #f1f3f5 !important;
    border-color: #bcc4ca !important;
    color: #20242a !important;
}

html.tinks-checkout-v1 body #content
#System_jIiPIWA6 #accordion
> .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back #button-confirm {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="6"] .tco-bank-layout {
        grid-template-columns: 1fr !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="6"] .tco-bank-details {
        grid-template-columns: 1fr !important;
    }

    html.tinks-checkout-v1 body #content
    #System_jIiPIWA6 #accordion
    > .panel[data-tco-stage="6"]
    .buttons.tco-buttons-with-back {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   v0.0.36 — Bank transfer reference uses exposed Order ID
   ============================================================ */

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"]
.tco-bank-detail[data-tco-detail="reference"] .tco-bank-detail-value {
    color: #20242a !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"]
.tco-bank-note .tco-bank-reference {
    color: #20242a !important;
    font-weight: 800 !important;
}


/* ============================================================
   v0.0.37 — PayPal Step 6 confirmation button
   ============================================================ */

html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back #button-confirm,
html.tinks-checkout-v1
#System_jIiPIWA6
#accordion > .panel[data-tco-stage="6"]
.buttons.tco-buttons-with-back .btn-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}


/* ============================================================
   v0.0.38 — Mobile Step 6: hide order-review table
   ============================================================ */

/*
 * The desktop order review remains unchanged.
 * On phones/small screens the wide confirmation table has too many columns
 * to remain useful, so hide the whole Review Your Order card and let the
 * payment instructions become the primary focus.
 */
@media (max-width: 650px) {
    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="6"] .tco-confirm-card {
        display: none !important;
    }

    html.tinks-checkout-v1
    #System_jIiPIWA6
    #accordion > .panel[data-tco-stage="6"] .tco-payment-instructions-card {
        margin-top: 0 !important;
    }
}


/* ============================================================
   v0.0.39 — PayPal branding card on Step 6
   ============================================================ */

html.tinks-checkout-v1
#accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-card {
    background: #ffffff;
    border: 1px solid #d3dae1;
    border-radius: 16px;
    padding: 22px 24px;
    margin: 18px 0 12px;
}

html.tinks-checkout-v1
#accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    padding: 8px 0 4px;
}

html.tinks-checkout-v1
#accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

html.tinks-checkout-v1
#accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-logo svg {
    display: block;
    width: 180px;
    height: auto;
    max-width: 100%;
}

html.tinks-checkout-v1
#accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-copy {
    margin: 12px auto 0;
    max-width: 540px;
    text-align: center;
    font-size: 14px;
    line-height: 1.55;
    color: #5f6f80;
}

@media (max-width: 650px) {
    html.tinks-checkout-v1
    #accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-card {
        margin-top: 0 !important;
        margin-bottom: 14px;
        padding: 18px 18px 16px;
    }

    html.tinks-checkout-v1
    #accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-logo-wrap {
        min-height: 58px;
        padding-top: 2px;
    }

    html.tinks-checkout-v1
    #accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-logo svg {
        width: 150px;
    }

    html.tinks-checkout-v1
    #accordion > .panel[data-tco-stage="6"] .tco-paypal-confirm-copy {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 8px;
    }
}