/*
 * Raven Lines checkout experience
 * Cart, checkout and order-success pages only.
 */

#checkout-cart,
#checkout-checkout,
#checkout-success {
    --checkout-ink: var(--raven-ink, #12110f);
    --checkout-gold: var(--raven-gold, #c8921a);
    --checkout-gold-dark: var(--raven-gold-dark, #9f6e0b);
    --checkout-ivory: var(--raven-ivory, #fbf9f5);
    --checkout-sand: var(--raven-sand, #f4efe7);
    --checkout-line: var(--raven-line, #e8dfd1);
    --checkout-muted: var(--raven-muted, #756f67);
    padding: 0 0 64px;
    background:
        radial-gradient(circle at 9% 2%, rgba(200, 146, 26, .075), transparent 230px),
        linear-gradient(180deg, #fff 0, #fbf9f5 420px, #fff 100%);
    color: var(--checkout-ink);
}

#checkout-cart .ot-checkout-hero,
#checkout-checkout .ot-checkout-hero,
#checkout-success .ot-checkout-hero {
    margin: 0 0 22px;
    padding-top: 24px;
}

#checkout-cart .ot-checkout-topbar,
#checkout-checkout .ot-checkout-topbar,
#checkout-success .ot-checkout-topbar {
    min-height: 86px;
    padding: 18px 22px;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background:
        radial-gradient(circle at 8% 20%, rgba(200, 146, 26, .18), transparent 190px),
        linear-gradient(135deg, #0c0b0a, #1d1a16);
    box-shadow: 0 14px 38px rgba(18, 17, 15, .14);
}

#checkout-cart .ot-checkout-topbar::before,
#checkout-checkout .ot-checkout-topbar::before,
#checkout-success .ot-checkout-topbar::before {
    inset: auto 0 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--checkout-gold), transparent);
}

#checkout-cart .ot-checkout-topbar::after,
#checkout-checkout .ot-checkout-topbar::after,
#checkout-success .ot-checkout-topbar::after {
    position: absolute;
    inset-inline-end: -45px;
    top: -85px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(200, 146, 26, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 30px rgba(200, 146, 26, .03), 0 0 0 60px rgba(200, 146, 26, .018);
    content: "";
}

#checkout-cart .ot-checkout-topbar-main,
#checkout-checkout .ot-checkout-topbar-main,
#checkout-success .ot-checkout-topbar-main,
#checkout-cart .ot-checkout-topbar-badge,
#checkout-checkout .ot-checkout-topbar-badge,
#checkout-success .ot-checkout-topbar-badge {
    position: relative;
    z-index: 1;
}

#checkout-cart .ot-checkout-topbar-icon,
#checkout-checkout .ot-checkout-topbar-icon,
#checkout-success .ot-checkout-topbar-icon {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(200, 146, 26, .28);
    border-radius: 12px;
    background: rgba(200, 146, 26, .1);
    color: #e4b84f;
}

#checkout-cart .ot-checkout-topbar-icon svg,
#checkout-checkout .ot-checkout-topbar-icon svg,
#checkout-success .ot-checkout-topbar-icon svg {
    width: 21px;
    height: 21px;
}

#checkout-cart .ot-checkout-topbar-title,
#checkout-checkout .ot-checkout-topbar-title,
#checkout-success .ot-checkout-topbar-title {
    color: #fff;
    font-size: clamp(21px, 2.3vw, 29px);
    font-weight: 800;
    letter-spacing: -.02em;
}

#checkout-cart .ot-checkout-topbar-hint,
#checkout-checkout .ot-checkout-topbar-hint,
#checkout-success .ot-checkout-topbar-hint {
    margin-top: 5px;
    color: rgba(255, 255, 255, .64);
    font-size: 12.5px;
}

#checkout-cart .ot-checkout-topbar-badge,
#checkout-checkout .ot-checkout-topbar-badge,
#checkout-success .ot-checkout-topbar-badge {
    padding: 8px 13px;
    border: 1px solid rgba(200, 146, 26, .26);
    background: rgba(200, 146, 26, .1);
    color: #e7bd5c;
    font-size: 11px;
}

#checkout-cart .ot-checkout-progress,
#checkout-checkout .ot-checkout-progress,
#checkout-success .ot-checkout-progress {
    margin-top: 12px;
    padding: 12px 16px;
    border: 1px solid var(--checkout-line);
    border-radius: 13px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 24px rgba(28, 22, 14, .045);
    scrollbar-width: none;
}

#checkout-cart .ot-checkout-progress::-webkit-scrollbar,
#checkout-checkout .ot-checkout-progress::-webkit-scrollbar,
#checkout-success .ot-checkout-progress::-webkit-scrollbar {
    display: none;
}

#checkout-cart .ot-checkout-progress-step,
#checkout-checkout .ot-checkout-progress-step,
#checkout-success .ot-checkout-progress-step {
    color: #aaa39a;
    font-size: 12.5px;
    font-weight: 700;
}

#checkout-cart .ot-checkout-progress-step + .ot-checkout-progress-step::before,
#checkout-checkout .ot-checkout-progress-step + .ot-checkout-progress-step::before,
#checkout-success .ot-checkout-progress-step + .ot-checkout-progress-step::before {
    height: 1px;
    background: #e4ddd2;
}

#checkout-cart .ot-checkout-progress-step.is-done + .ot-checkout-progress-step::before,
#checkout-cart .ot-checkout-progress-step.is-current + .ot-checkout-progress-step::before,
#checkout-checkout .ot-checkout-progress-step.is-done + .ot-checkout-progress-step::before,
#checkout-checkout .ot-checkout-progress-step.is-current + .ot-checkout-progress-step::before,
#checkout-success .ot-checkout-progress-step.is-done + .ot-checkout-progress-step::before,
#checkout-success .ot-checkout-progress-step.is-current + .ot-checkout-progress-step::before {
    background: var(--checkout-gold);
}

#checkout-cart .ot-checkout-progress-bullet,
#checkout-checkout .ot-checkout-progress-bullet,
#checkout-success .ot-checkout-progress-bullet {
    width: 27px;
    height: 27px;
    border: 1px solid #ddd5c9;
    background: #f8f5f0;
    color: #9a9389;
}

#checkout-cart .ot-checkout-progress-step.is-current .ot-checkout-progress-bullet,
#checkout-checkout .ot-checkout-progress-step.is-current .ot-checkout-progress-bullet,
#checkout-success .ot-checkout-progress-step.is-current .ot-checkout-progress-bullet {
    border-color: var(--checkout-gold);
    background: var(--checkout-ink);
    color: #fff;
    box-shadow: 0 0 0 4px rgba(200, 146, 26, .12);
}

#checkout-cart .ot-checkout-progress-step.is-current,
#checkout-checkout .ot-checkout-progress-step.is-current,
#checkout-success .ot-checkout-progress-step.is-current,
#checkout-cart .ot-checkout-progress-step.is-done,
#checkout-checkout .ot-checkout-progress-step.is-done,
#checkout-success .ot-checkout-progress-step.is-done {
    color: var(--checkout-ink);
}

#checkout-cart .ot-checkout-progress-step.is-done .ot-checkout-progress-bullet,
#checkout-checkout .ot-checkout-progress-step.is-done .ot-checkout-progress-bullet,
#checkout-success .ot-checkout-progress-step.is-done .ot-checkout-progress-bullet {
    border-color: var(--checkout-gold);
    background: var(--checkout-gold);
    color: var(--checkout-ink);
}

#checkout-cart #alert .alert,
#checkout-checkout #alert .alert {
    margin: 0 0 16px;
    border-width: 1px;
    border-radius: 12px;
    box-shadow: none;
}

/* Shared cards */
#checkout-cart .ot-account-card,
#checkout-checkout .ot-checkout-section,
#checkout-checkout .ot-checkout-register-wrap,
#checkout-checkout .ot-checkout-summary-card,
#checkout-success .ot-success-card {
    border: 1px solid var(--checkout-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 34px rgba(28, 22, 14, .06);
}

#checkout-cart .ot-account-card-header,
#checkout-checkout .ot-account-card-header {
    min-height: 72px;
    padding: 16px 18px;
    border-bottom: 1px solid #eee8de;
    background: linear-gradient(180deg, #fff, #fdfbf8);
}

#checkout-cart .ot-account-card-title,
#checkout-checkout .ot-account-card-title,
#checkout-cart .ot-checkout-section-title,
#checkout-checkout .ot-checkout-section-title {
    color: var(--checkout-ink);
    font-size: 17px;
    font-weight: 800;
}

#checkout-cart .ot-account-card-icon,
#checkout-checkout .ot-account-card-icon,
#checkout-checkout .ot-checkout-section-icon {
    border: 1px solid rgba(200, 146, 26, .18);
    background: #fbf5e8;
    color: var(--checkout-gold-dark);
}

/* Cart */
#checkout-cart .ot-cart-layout {
    grid-template-columns: minmax(0, 1fr) minmax(290px, 350px);
    gap: 20px;
}

#checkout-cart .ot-cart-sticky {
    top: 22px;
}

#checkout-cart .ot-checkout-summary-subtitle,
#checkout-checkout .ot-checkout-summary-subtitle {
    margin-top: 3px;
    color: var(--checkout-muted);
    font-size: 12px;
}

#checkout-cart .ot-cart-items {
    padding: 4px 18px 14px;
}

#checkout-cart .ot-cart-item {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid #eee8de;
    border-radius: 0;
    background: transparent;
}

#checkout-cart .ot-cart-item:last-child {
    border-bottom: 0;
}

#checkout-cart .ot-cart-item:hover {
    background: transparent;
}

#checkout-cart .ot-cart-item .ot-checkout-summary-product-image {
    width: 84px;
    height: 104px;
    border: 0;
    border-radius: 10px;
    background: #f5eee5;
}

#checkout-cart .ot-cart-item .ot-checkout-summary-product-image img {
    object-fit: cover;
}

#checkout-cart .ot-checkout-summary-product-name {
    color: var(--checkout-ink);
    font-size: 15px;
    font-weight: 800;
}

#checkout-cart .ot-checkout-summary-product-name:hover {
    color: var(--checkout-gold-dark);
}

#checkout-cart .ot-checkout-summary-product-meta,
#checkout-cart .ot-checkout-summary-product-extra {
    color: var(--checkout-muted);
}

#checkout-cart .ot-cart-qty-form {
    margin-top: 11px;
}

#checkout-cart .ot-cart-qty-label,
#checkout-cart .ot-cart-line-total-label {
    color: var(--checkout-muted);
    font-size: 11px;
}

#checkout-cart .ot-cart-qty-control {
    height: 36px;
    overflow: hidden;
    border: 1px solid #ddd4c6;
    border-radius: 9px;
    background: #fff;
}

#checkout-cart .ot-cart-qty-btn {
    width: 34px;
    height: 34px;
    border: 0;
    background: #f8f4ed;
    color: var(--checkout-ink);
    font-weight: 800;
}

#checkout-cart .ot-cart-qty-btn:hover {
    background: var(--checkout-ink);
    color: #fff;
}

#checkout-cart .ot-cart-qty-input {
    width: 40px;
    height: 34px;
    border: 0;
    color: var(--checkout-ink);
    font-weight: 800;
}

#checkout-cart .ot-cart-side-actions {
    min-width: 118px;
    align-self: stretch;
    justify-content: space-between;
}

#checkout-cart .ot-checkout-summary-product-total {
    color: var(--checkout-gold-dark);
    font-size: 16px;
    font-weight: 800;
}

#checkout-cart .ot-cart-remove {
    width: 34px;
    height: 34px;
    border: 1px solid #eadfd7;
    background: #fff;
    color: #9a4038;
}

#checkout-cart .ot-cart-remove:hover {
    border-color: #9a4038;
    background: #9a4038;
    color: #fff;
}

#checkout-cart .ot-checkout-summary-body {
    padding: 12px 18px 18px;
}

#checkout-cart .ot-checkout-summary-total-row,
#checkout-checkout .ot-checkout-summary-total-row {
    padding: 9px 0;
    border-bottom: 1px solid #f0ebe3;
}

#checkout-cart .ot-checkout-summary-total-label,
#checkout-checkout .ot-checkout-summary-total-label {
    color: var(--checkout-muted);
}

#checkout-cart .ot-checkout-summary-total-value,
#checkout-checkout .ot-checkout-summary-total-value {
    color: var(--checkout-ink);
}

#checkout-cart .ot-checkout-summary-total-row.is-grand,
#checkout-checkout .ot-checkout-summary-total-row.is-grand {
    margin-top: 9px;
    padding: 13px 14px;
    border: 1px solid rgba(200, 146, 26, .24);
    border-radius: 11px;
    background: linear-gradient(135deg, #14120f, #252019);
}

#checkout-cart .ot-checkout-summary-total-row.is-grand .ot-checkout-summary-total-label,
#checkout-checkout .ot-checkout-summary-total-row.is-grand .ot-checkout-summary-total-label {
    color: rgba(255, 255, 255, .75);
}

#checkout-cart .ot-checkout-summary-total-row.is-grand .ot-checkout-summary-total-value,
#checkout-checkout .ot-checkout-summary-total-row.is-grand .ot-checkout-summary-total-value {
    color: #e5b94f;
}

#checkout-cart .ot-cart-actions {
    margin-top: 16px;
    padding-top: 16px;
    border-top-color: #eee7dc;
}

#checkout-cart .ot-cart-section-title {
    margin-bottom: 10px;
    color: var(--checkout-ink);
    font-size: 14px;
}

#checkout-cart .ot-cart-coupon-direct {
    padding: 12px;
    border: 1px solid #eee6da;
    border-radius: 10px;
    background: #fcfaf7;
}

#checkout-cart .ot-cart-coupon-form {
    gap: 7px;
}

#checkout-cart .ot-cart-coupon-input,
#checkout-checkout .ot-checkout-input {
    border: 1px solid #ddd4c7;
    border-radius: 9px;
    background: #fff;
    color: var(--checkout-ink);
}

#checkout-cart .ot-cart-coupon-input:focus,
#checkout-checkout .ot-checkout-input:focus {
    border-color: var(--checkout-gold);
    box-shadow: 0 0 0 3px rgba(200, 146, 26, .12);
}

#checkout-cart .ot-cart-coupon-apply,
#checkout-cart .ot-cart-btn-primary,
#checkout-cart .ot-cart-mobile-checkout,
#checkout-checkout .ot-checkout-summary-payment .btn,
#checkout-checkout .ot-checkout-summary-payment #button-confirm {
    border-color: var(--checkout-ink) !important;
    background: var(--checkout-ink) !important;
    color: #fff !important;
    box-shadow: none;
}

#checkout-cart .ot-cart-coupon-apply:hover,
#checkout-cart .ot-cart-btn-primary:hover,
#checkout-cart .ot-cart-mobile-checkout:hover,
#checkout-checkout .ot-checkout-summary-payment .btn:hover,
#checkout-checkout .ot-checkout-summary-payment #button-confirm:hover {
    border-color: var(--checkout-gold-dark) !important;
    background: var(--checkout-gold-dark) !important;
}

#checkout-cart .ot-cart-btn-secondary,
#checkout-cart .ot-cart-mobile-continue {
    border-color: #ddd4c7;
    background: #fff;
    color: var(--checkout-ink);
}

#checkout-cart .ot-cart-empty {
    padding: 66px 24px;
    border: 1px solid var(--checkout-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(28, 22, 14, .06);
}

#checkout-cart .ot-cart-empty-icon {
    border: 1px solid rgba(200, 146, 26, .2);
    background: #fbf5e8;
    color: var(--checkout-gold-dark);
}

/* Checkout */
#checkout-checkout .ot-checkout-grid {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

#checkout-checkout .ot-checkout-main-col > [id] {
    margin-bottom: 16px !important;
}

#checkout-checkout .ot-checkout-section,
#checkout-checkout .ot-checkout-register-wrap {
    padding: 19px 20px;
}

#checkout-checkout .ot-checkout-section:hover {
    transform: none;
    box-shadow: 0 12px 34px rgba(28, 22, 14, .06);
}

#checkout-checkout .ot-checkout-section-head {
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

#checkout-checkout .ot-checkout-section-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
}

#checkout-checkout .ot-checkout-section-subtitle {
    margin-top: 3px;
    color: var(--checkout-muted);
    font-size: 12px;
}

#checkout-checkout .ot-checkout-address-current {
    margin-bottom: 12px;
    padding: 13px 14px;
    border: 1px solid #eee5d8;
    border-radius: 10px;
    background: #fcfaf7;
}

#checkout-checkout .ot-checkout-address-current-title {
    color: var(--checkout-ink);
    font-weight: 800;
}

#checkout-checkout .ot-checkout-address-current-text {
    color: var(--checkout-muted);
}

#checkout-checkout .btn-light,
#checkout-checkout .ot-checkout-inline-actions .btn {
    border: 1px solid #ddd4c7;
    border-radius: 8px;
    background: #fff;
    color: var(--checkout-ink);
}

#checkout-checkout .btn-light:hover,
#checkout-checkout .ot-checkout-inline-actions .btn:hover {
    border-color: var(--checkout-gold);
    background: #fbf5e8;
    color: var(--checkout-ink);
}

#checkout-checkout .ot-address-card {
    border-color: #e6ddcf;
    border-radius: 11px;
    box-shadow: none;
}

#checkout-checkout .ot-address-card:hover {
    border-color: #cba85d;
    box-shadow: 0 8px 22px rgba(28, 22, 14, .07);
}

#checkout-checkout .ot-address-card.is-selected {
    border-color: var(--checkout-gold);
    background: #fffdf8;
    box-shadow: 0 0 0 3px rgba(200, 146, 26, .09);
}

#checkout-checkout .ot-address-card-radio::after,
#checkout-checkout .ot-radio-card-bullet::after {
    background: var(--checkout-gold);
}

#checkout-checkout .ot-address-card.is-selected .ot-address-card-radio,
#checkout-checkout .ot-radio-card input[type="radio"]:checked ~ .ot-radio-card-bullet {
    border-color: var(--checkout-gold);
}

#checkout-checkout .ot-radio-card {
    min-height: 62px;
    padding: 12px 13px;
    border-color: #e6ddcf;
    border-radius: 10px;
    box-shadow: none;
}

#checkout-checkout .ot-radio-card:hover {
    border-color: #cba85d;
    box-shadow: 0 6px 18px rgba(28, 22, 14, .06);
    transform: none;
}

#checkout-checkout .ot-radio-card:has(input:checked) {
    border-color: var(--checkout-gold);
    background: #fffdf8;
    box-shadow: 0 0 0 3px rgba(200, 146, 26, .08);
}

#checkout-checkout .ot-radio-card-icon,
#checkout-checkout .ot-radio-card input[type="radio"]:checked ~ .ot-radio-card-icon {
    border: 1px solid rgba(200, 146, 26, .16);
    border-radius: 9px;
    background: #fbf5e8;
    color: var(--checkout-gold-dark);
}

#checkout-checkout .ot-radio-card-title {
    color: var(--checkout-ink);
    font-weight: 800;
}

#checkout-checkout .ot-checkout-options-locked {
    padding: 22px 18px;
    border: 1px dashed #dbd1c1;
    border-radius: 10px;
    background: #faf8f4;
}

#checkout-checkout .ot-checkout-options-locked-icon {
    background: #f0ebe3;
    color: #8b8277;
}

#checkout-checkout .ot-checkout-section.is-locked {
    border-color: #e8e1d6;
    background: #fbfaf8;
    box-shadow: none;
}

#checkout-checkout .ot-checkout-meta-fields {
    gap: 11px;
    margin-top: 13px;
}

#checkout-checkout .ot-checkout-agree-wrap {
    padding: 11px 12px;
    border-color: #e9e1d5;
    border-radius: 9px;
    background: #fcfaf7;
}

#checkout-checkout .ot-checkout-agree-wrap .form-check-input {
    width: 20px;
    height: 20px;
    margin: 0;
    appearance: none;
    border: 1px solid #cfc5b6;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

#checkout-checkout .ot-checkout-agree-wrap .form-check-input:checked {
    border-color: var(--checkout-gold);
    background-color: var(--checkout-gold);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2312110f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");
}

#checkout-checkout .ot-checkout-summary-wrap {
    top: 18px;
}

#checkout-checkout .ot-checkout-summary-product {
    gap: 10px;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #eee8de;
    border-radius: 0;
    background: transparent;
}

#checkout-checkout .ot-checkout-summary-product:last-child {
    border-bottom: 0;
}

#checkout-checkout .ot-checkout-summary-product-image {
    width: 62px;
    height: 78px;
    border: 0;
    border-radius: 8px;
    background: #f4eee5;
}

#checkout-checkout .ot-checkout-summary-product-image img {
    object-fit: cover;
}

#checkout-checkout .ot-checkout-summary-product-name {
    color: var(--checkout-ink);
    font-weight: 800;
}

#checkout-checkout .ot-checkout-summary-product-total {
    color: var(--checkout-gold-dark);
    font-weight: 800;
}

#checkout-checkout .ot-checkout-summary-disabled-note {
    border-color: #ead8ad;
    border-radius: 9px;
    background: #fffaf0;
    color: #756642;
}

#checkout-checkout #checkout-payment #button-confirm.ot-confirm-loading {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    pointer-events: none;
    cursor: wait;
    opacity: .96;
}

#checkout-checkout #checkout-payment #button-confirm.is-loading.ot-confirm-native-loading::before {
    display: none;
}

#checkout-checkout #checkout-payment #button-confirm.is-loading.ot-confirm-native-loading .oc-btn-loading-content {
    gap: 10px;
    color: #fff;
    font-weight: 800;
}

#checkout-checkout #checkout-payment #button-confirm .ot-confirm-native-text {
    white-space: nowrap;
}

#checkout-checkout .ot-confirm-loading-spinner {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid rgba(255, 255, 255, .42);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ot-confirm-spin .65s linear infinite;
}

@keyframes ot-confirm-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Success */
#checkout-success .ot-success-wrap {
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#checkout-success .ot-success-thanks,
#checkout-success .ot-success-summary,
#checkout-success .ot-success-cta-fill {
    grid-column: 1 / -1;
}

#checkout-success .ot-success-thanks {
    padding: 34px 28px 28px;
    overflow: hidden;
    border-color: #201d18;
    background:
        radial-gradient(circle at 12% 12%, rgba(200, 146, 26, .17), transparent 220px),
        linear-gradient(135deg, #0d0c0a, #211d17);
    text-align: center;
}

#checkout-success .ot-success-thanks::before {
    top: auto;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--checkout-gold), transparent);
}

#checkout-success .ot-success-gift {
    width: 88px;
    height: 88px;
    margin-bottom: 14px;
    color: #e5b94f;
}

#checkout-success .ot-success-card-title {
    color: #fff;
    font-size: 27px;
    font-weight: 800;
}

#checkout-success .ot-success-order-meta {
    color: rgba(255, 255, 255, .68);
}

#checkout-success .ot-success-order-meta-label {
    color: rgba(255, 255, 255, .55);
}

#checkout-success .ot-success-order-meta-value {
    color: #e5b94f;
}

#checkout-success .ot-success-order-meta-sep {
    color: rgba(255, 255, 255, .28);
}

#checkout-success .ot-success-block {
    padding: 19px 20px;
}

#checkout-success .ot-success-block-title {
    color: var(--checkout-ink);
    font-weight: 800;
}

#checkout-success .ot-success-block-value {
    color: var(--checkout-ink);
}

#checkout-success .ot-success-block-meta {
    color: var(--checkout-muted);
}

#checkout-success .ot-success-status-strip {
    border: 1px solid #eee0bd;
    border-radius: 9px;
    background: #fff9eb;
    color: #806219;
}

#checkout-success .ot-success-block-icon {
    border: 1px solid rgba(200, 146, 26, .18);
    border-radius: 9px;
    background: #fbf5e8;
    color: var(--checkout-gold-dark);
}

#checkout-success .ot-success-cta-dark,
#checkout-success .ot-success-cta-fill {
    border-radius: 9px;
    background: var(--checkout-ink);
    color: #fff;
    box-shadow: none;
}

#checkout-success .ot-success-cta-dark:hover,
#checkout-success .ot-success-cta-fill:hover {
    background: var(--checkout-gold-dark);
    color: #fff;
}

#checkout-success .ot-success-products,
#checkout-success .ot-success-totals {
    border-color: #eee8de;
}

#checkout-success .ot-success-product-row {
    border-color: #eee8de;
}

#checkout-success .ot-success-product-qty {
    border: 1px solid #e8dfd1;
    border-radius: 7px;
    background: #faf7f2;
    color: var(--checkout-ink);
}

#checkout-success .ot-success-totals-row-final {
    border-color: #e6dccd;
}

#checkout-success .ot-success-totals-row-final .ot-success-totals-value {
    color: var(--checkout-gold-dark);
}

@media (max-width: 1199.98px) {
    #checkout-cart .ot-cart-layout {
        grid-template-columns: minmax(0, 1fr) 320px;
    }
}

@media (max-width: 991.98px) {
    #checkout-cart .ot-cart-layout {
        grid-template-columns: 1fr;
    }

    #checkout-cart .ot-cart-side {
        order: 2;
    }

    #checkout-cart .ot-cart-sticky,
    #checkout-checkout .ot-checkout-summary-wrap {
        position: static;
    }

    #checkout-checkout .ot-checkout-side-col {
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    #checkout-cart,
    #checkout-checkout,
    #checkout-success {
        padding-bottom: 84px;
    }

    #checkout-cart .ot-checkout-hero,
    #checkout-checkout .ot-checkout-hero,
    #checkout-success .ot-checkout-hero {
        margin-bottom: 14px;
        padding-top: 12px;
    }

    #checkout-cart .ot-checkout-topbar,
    #checkout-checkout .ot-checkout-topbar,
    #checkout-success .ot-checkout-topbar {
        min-height: auto;
        padding: 14px;
        border-radius: 12px;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }

    #checkout-cart .ot-checkout-topbar-icon,
    #checkout-checkout .ot-checkout-topbar-icon,
    #checkout-success .ot-checkout-topbar-icon {
        width: 39px;
        height: 39px;
        border-radius: 9px;
    }

    #checkout-cart .ot-checkout-topbar-title,
    #checkout-checkout .ot-checkout-topbar-title,
    #checkout-success .ot-checkout-topbar-title {
        font-size: 20px;
    }

    #checkout-cart .ot-checkout-topbar-hint,
    #checkout-checkout .ot-checkout-topbar-hint,
    #checkout-success .ot-checkout-topbar-hint {
        font-size: 11px;
    }

    #checkout-cart .ot-checkout-progress,
    #checkout-checkout .ot-checkout-progress,
    #checkout-success .ot-checkout-progress {
        gap: 4px;
        margin-top: 8px;
        padding: 10px 9px;
        overflow: hidden;
        border-radius: 10px;
    }

    #checkout-cart .ot-checkout-progress-step,
    #checkout-checkout .ot-checkout-progress-step,
    #checkout-success .ot-checkout-progress-step {
        justify-content: center;
        gap: 5px;
        font-size: 10px;
    }

    #checkout-cart .ot-checkout-progress-step + .ot-checkout-progress-step::before,
    #checkout-checkout .ot-checkout-progress-step + .ot-checkout-progress-step::before,
    #checkout-success .ot-checkout-progress-step + .ot-checkout-progress-step::before {
        margin: 0 2px;
    }

    #checkout-cart .ot-checkout-progress-bullet,
    #checkout-checkout .ot-checkout-progress-bullet,
    #checkout-success .ot-checkout-progress-bullet {
        width: 24px;
        height: 24px;
        font-size: 10px;
    }

    #checkout-cart .ot-cart-items {
        padding: 2px 12px 10px;
    }

    #checkout-cart .ot-cart-item {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 11px;
        padding: 13px 0;
    }

    #checkout-cart .ot-cart-item .ot-checkout-summary-product-image {
        width: 68px;
        height: 88px;
        border-radius: 8px;
    }

    #checkout-cart .ot-cart-side-actions {
        grid-column: 1 / -1;
        min-width: 0;
        flex-direction: row;
        align-items: center;
        padding-inline-start: 79px;
    }

    #checkout-cart .ot-cart-line-total-wrap {
        align-items: flex-start;
    }

    #checkout-cart .ot-account-card-header,
    #checkout-checkout .ot-account-card-header {
        min-height: 62px;
        padding: 13px 14px;
    }

    #checkout-cart .ot-checkout-summary-body {
        padding: 10px 14px 15px;
    }

    #checkout-checkout .ot-checkout-section,
    #checkout-checkout .ot-checkout-register-wrap {
        padding: 15px;
    }

    #checkout-checkout .ot-checkout-section-title {
        font-size: 15px;
    }

    #checkout-checkout .ot-checkout-section-icon {
        width: 36px;
        height: 36px;
    }

    #checkout-checkout .ot-checkout-address-current {
        gap: 9px;
    }

    #checkout-success .ot-success-wrap {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    #checkout-success .ot-success-thanks,
    #checkout-success .ot-success-summary,
    #checkout-success .ot-success-cta-fill {
        grid-column: auto;
    }

    #checkout-success .ot-success-thanks {
        padding: 27px 18px 22px;
    }

    #checkout-success .ot-success-gift {
        width: 72px;
        height: 72px;
        margin-bottom: 10px;
    }

    #checkout-success .ot-success-card-title {
        font-size: 22px;
    }

    #checkout-success .ot-success-block {
        padding: 15px;
    }
}

@media (max-width: 430px) {
    #checkout-cart .ot-checkout-progress-label,
    #checkout-checkout .ot-checkout-progress-label,
    #checkout-success .ot-checkout-progress-label {
        display: none;
    }

    #checkout-cart .ot-checkout-progress-step,
    #checkout-checkout .ot-checkout-progress-step,
    #checkout-success .ot-checkout-progress-step {
        min-width: 0;
    }

    #checkout-cart .ot-cart-side-actions {
        padding-inline-start: 0;
    }

    #checkout-success .ot-success-block-head {
        gap: 10px;
    }

    #checkout-success .ot-success-cta-dark {
        width: 100%;
        justify-content: center;
    }
}