/* ============================================
   Contact Page - Header/Layout Cleanup
   ============================================ */

.contact-index-index .column:not(.sidebar-main) .form.contact,
.contact-index-index .column:not(.sidebar-additional) .form.contact {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 720px !important;
    margin: 0 !important;
}

.contact-index-index .form.contact .fieldset {
    margin: 0 !important;
}

.contact-index-index .form.contact .fieldset > .legend {
    display: block;
    margin: 0 0 12px !important;
    line-height: 1.25;
}

.contact-index-index .form.contact .fieldset > .legend + br {
    display: none !important;
}

.contact-index-index .form.contact .field.note {
    display: block;
    margin: 0 0 24px !important;
    color: #b8c2cf !important;
    line-height: 1.7;
}

.contact-index-index .form.contact .actions-toolbar {
    margin-top: 28px;
}

/* Order view info layout */
.sales-order-view .block.block-order-details-view .block-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px !important;
    align-items: start;
}

.sales-order-view .block.block-order-details-view .block-content:before,
.sales-order-view .block.block-order-details-view .block-content:after {
    display: none !important;
    content: none !important;
}

.sales-order-view .block.block-order-details-view .block-content > .box {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
}

/* ============================================
   My Payment Options - Account Form Layout
   ============================================ */

.account .manage-payment-method {
    max-width: 980px;
}

.account .manage-payment-method > .block {
    margin: 0;
}

.account .manage-payment-method > .block > .block-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}

.account .manage-payment-method > .block > .block-content > .box {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.account .manage-payment-method .block-title {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.account .manage-payment-method .block-title h2 {
    margin: 0;
    color: #ffffff;
    font-size: 30px !important;
    line-height: 1.15;
}

.account .manage-payment-method #form-validate.checkout-payment-method {
    display: block !important;
    width: 100%;
    max-width: none !important;
    box-sizing: border-box;
    background: #0f1214 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.account .manage-payment-method .block-cards-list .block-content.checkout-payment-method {
    display: block !important;
    min-height: 0 !important;
    width: 100%;
    max-width: none !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    color: #b8c2cf !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.account .manage-payment-method .block-cards-list .block-content.checkout-payment-method > p {
    margin: 0 !important;
    color: #b8c2cf !important;
    font-size: 15px !important;
    line-height: 1.7;
}

html body.account .manage-payment-method .payment-method-empty-state {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #b8c2cf !important;
}

html body.account .manage-payment-method .payment-method-empty-state > span {
    display: block;
    margin: 0;
    color: inherit;
    font-size: 15px;
    line-height: 1.7;
}

.account .manage-payment-method .block-cards-list .payment-method-title.fieldset {
    margin: 0 0 16px !important;
    padding: 18px 20px !important;
    background: #111418 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
}

.account .manage-payment-method .block-cards-list .payment-method-title.fieldset:last-child {
    margin-bottom: 0 !important;
}

.account .manage-payment-method .block-cards-list .legend {
    width: 100%;
    margin: 0 0 10px !important;
    color: #ffffff !important;
}

.account .manage-payment-method .block-cards-list .box-content address,
.account .manage-payment-method .block-cards-list .box-content p,
.account .manage-payment-method .block-cards-list .box-content small {
    color: #cfcfcf !important;
}

.account .manage-payment-method .block-cards-list .box-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px !important;
}

.account .manage-payment-method .block-cards-list .box-actions a {
    margin: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method {
    margin-top: 0 !important;
    padding: 24px 28px 28px !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset {
    margin: 0 0 28px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset:last-of-type {
    margin-bottom: 24px !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .legend {
    display: block;
    width: 100%;
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.3;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .legend + br {
    display: none !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .field,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .fields > .field,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset .field {
    margin-bottom: 18px !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset .field:last-child {
    margin-bottom: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .field:not(.choice):before,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .field.no-label:before,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .fields > .field:not(.choice):before,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .fields > .field.no-label:before {
    display: none !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .field:not(.choice) > .label,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .fields > .field:not(.choice) > .label,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset .field .label {
    display: block;
    float: none !important;
    width: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: left !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .field:not(.choice) > .control,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset > .fields > .field:not(.choice) > .control,
.account .manage-payment-method #form-validate.checkout-payment-method .fieldset .field .control {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fields.group.group-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.account .manage-payment-method #form-validate.checkout-payment-method .fields.group.group-2 .field {
    width: auto !important;
    padding: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .credit-card-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.account .manage-payment-method #form-validate.checkout-payment-method .credit-card-types .item {
    margin: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .credit-card-types img {
    opacity: 0.7;
    filter: none;
    -webkit-filter: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.account .manage-payment-method #form-validate.checkout-payment-method .credit-card-types .item._active img {
    opacity: 1;
    transform: translateY(-1px);
}

.account .manage-payment-method #form-validate.checkout-payment-method .ccard .number .input-text,
.account .manage-payment-method #form-validate.checkout-payment-method .ccard .captcha .input-text,
.account .manage-payment-method #form-validate.checkout-payment-method .ccard .cvv .input-text,
.account .manage-payment-method #form-validate.checkout-payment-method .ccard .month .select,
.account .manage-payment-method #form-validate.checkout-payment-method .ccard .year .select {
    width: 100% !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .ccard > .field.cvv > .control {
    width: 100% !important;
    padding-right: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 8px 0 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar:before,
.account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar:after {
    display: none;
}

.account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar > .primary,
.account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar > .secondary {
    float: none !important;
    margin: 0 !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar > .secondary {
    order: -1;
}

.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary,
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 12px 24px !important;
    border: 1px solid rgba(116, 169, 255, 0.95) !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, rgba(60, 130, 255, 0.22) 0%, rgba(60, 130, 255, 0.5) 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary:hover,
.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary:focus,
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary:hover,
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary:focus {
    background: linear-gradient(135deg, rgba(60, 130, 255, 0.3) 0%, rgba(60, 130, 255, 0.58) 100%) !important;
    border-color: rgba(157, 197, 255, 1) !important;
    color: #ffffff !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary span,
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary span {
    color: inherit;
}

.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary:disabled,
.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary.disabled,
.account .manage-payment-method #form-validate.checkout-payment-method button.action.save.primary[disabled],
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary:disabled,
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary.disabled,
.account .manage-payment-method #form-validate.checkout-payment-method .action.save.primary[disabled] {
    background: linear-gradient(135deg, rgba(60, 130, 255, 0.08) 0%, rgba(60, 130, 255, 0.18) 100%) !important;
    border-color: rgba(116, 169, 255, 0.28) !important;
    color: rgba(255, 255, 255, 0.45) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

.account .manage-payment-method #form-validate.checkout-payment-method .action.back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 12px 22px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #dce5f2 !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}

.account .manage-payment-method #form-validate.checkout-payment-method .action.back span {
    color: inherit;
}

.account .manage-payment-method #form-validate.checkout-payment-method .action.back:hover,
.account .manage-payment-method #form-validate.checkout-payment-method .action.back:focus {
    border-color: rgba(116, 169, 255, 0.95);
    color: #ffffff !important;
}

/* ============================================
   Compare Sidebar - Action Buttons
   ============================================ */

.block-compare .actions-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
}

.block-compare .actions-toolbar .action.compare,
.block-compare .actions-toolbar .action.compare.primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 12px 20px !important;
    background: linear-gradient(135deg, rgba(60, 130, 255, 0.22) 0%, rgba(60, 130, 255, 0.5) 100%) !important;
    border: 1px solid rgba(116, 169, 255, 0.95) !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none !important;
}

.block-compare .actions-toolbar .action.compare:hover,
.block-compare .actions-toolbar .action.compare:focus {
    background: linear-gradient(135deg, rgba(60, 130, 255, 0.3) 0%, rgba(60, 130, 255, 0.58) 100%) !important;
    border-color: rgba(157, 197, 255, 1) !important;
}

.block-compare .actions-toolbar .action.clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #dce5f2 !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

.block-compare .actions-toolbar .action.clear:hover,
.block-compare .actions-toolbar .action.clear:focus {
    border-color: rgba(116, 169, 255, 0.95);
    color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
    .sales-order-view .block.block-order-details-view .block-content {
        grid-template-columns: 1fr;
        gap: 24px !important;
    }

    .account .manage-payment-method .block-title h2 {
        font-size: 24px !important;
    }

    .account .manage-payment-method .block-cards-list .block-content.checkout-payment-method,
    .account .manage-payment-method #form-validate.checkout-payment-method {
        padding: 20px !important;
    }

    .account .manage-payment-method #form-validate.checkout-payment-method .fields.group.group-2 {
        grid-template-columns: 1fr;
    }

    .account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar > .primary,
    .account .manage-payment-method #form-validate.checkout-payment-method .actions-toolbar > .secondary {
        width: 100%;
    }

    .account .manage-payment-method #form-validate.checkout-payment-method .action.back,
    .account .manage-payment-method #form-validate.checkout-payment-method .action.save {
        width: 100%;
    }
}