/* The cart line under the items: one sentence, no box, so it reads as an option rather than a step. */
.gcw-gifting-cta { flex: 0 1 auto; min-width: 0; }
.gcw-gifting-cta__trigger { align-items: center; background: none; border: 0; color: #403633; display: flex; gap: 10px; min-height: 44px; padding: 0; text-align: left; }
.gcw-gifting-cta__trigger:hover .gcw-gifting-cta__title { text-decoration: underline; text-underline-offset: 3px; }
.gcw-gifting-cta__trigger:focus-visible { border-radius: 6px; outline: 2px solid #92272a; outline-offset: 4px; }
.gcw-gifting-cta__action:focus-visible { outline: 2px solid #92272a; outline-offset: -2px; }
.gcw-gifting-cta__label { display: flex; min-width: 0; }
.gcw-gifting-cta__title { font-size: 15px; font-weight: 600; line-height: 1.3; }
/* Wrapped and carded: a small celebration in the site's success green instead of two ticks. */
.gcw-gifting-cta--complete .gcw-gifting-cta__icon { background: #ecfdf3; color: #16a34a; }
.gcw-gifting-cta--complete .gcw-gifting-cta__title { font-weight: 400; }
.gcw-gifting-cta__success { color: #15803d; font-weight: 700; }
.gcw-gifting-cta__icon, .gcw-gifting-cta__action-icon { align-items: center; background: #f8f3f1; color: #9a393b; display: flex; flex: 0 0 auto; justify-content: center; }
.gcw-gifting-cta__icon { border-radius: 9px; height: 40px; width: 40px; }
.gcw-gifting-cta__icon svg { height: 20px; width: 20px; }
.gcw-gifting-cta__arrow, .gcw-gifting-cta__action-arrow { color: #9a393b; font-size: 22px; font-weight: 500; line-height: .8; }
@media (max-width: 639px) {
    .gcw-gifting-cta { flex: 1 1 100%; }
    .gcw-gifting-cta__trigger { width: 100%; }
    .gcw-gifting-cta__label { flex: 1 1 auto; }
    .gcw-gifting-cta__icon { border-radius: 8px; height: 32px; width: 32px; }
    .gcw-gifting-cta__title { font-size: 14px; }
    /* Mobile keeps the celebration only, so the line stays one line. */
    .gcw-gifting-cta__detail { display: none; }
}
/* Keeps the sentence on one line on 390px iPhones instead of wrapping it. */
@media (max-width: 399px) { .gcw-gifting-cta__title { font-size: 13px; } }
.gcw-gifting-cta [x-cloak], .gcw-gifting-cta__dialog-backdrop[x-cloak] { display: none !important; }
.gcw-gift-packing-slip-note { color: #6d645f; font-size: 12px; font-weight: 400; line-height: 1.5; margin: 4px 0 10px; text-align: center; }
.gcw-gifting-cta__dialog-backdrop { align-items: center; background: rgb(32 24 21 / 32%); display: flex; inset: 0; justify-content: center; overscroll-behavior: none; padding: 20px; position: fixed; touch-action: none; z-index: 1001; }
.gcw-gifting-cta__dialog { background: #fff; border-radius: 16px; box-shadow: 0 18px 42px rgb(45 31 25 / 20%); max-height: calc(100dvh - 40px); max-width: 440px; overflow: hidden auto; overscroll-behavior: contain; touch-action: pan-y; width: 100%; }
.gcw-gifting-cta__dialog-heading { align-items: flex-start; display: flex; gap: 22px; justify-content: space-between; padding: 27px 28px 22px; }
.gcw-gifting-cta__dialog h2 { color: #332b29; font-size: 22px; font-weight: 650; line-height: 1.25; margin: 0; }
.gcw-gifting-cta__dialog p { color: #857975; font-size: 15px; line-height: 1.45; margin: 5px 0 0; }
.gcw-gifting-cta__close { align-items: center; background: #f8f5f3; border: 0; border-radius: 999px; color: #463b37; display: flex; flex: 0 0 auto; font-size: 28px; font-weight: 300; height: 36px; justify-content: center; line-height: 1; padding: 0 0 3px; width: 36px; }
.gcw-gifting-cta__close:hover { background: #f0e9e6; }
.gcw-gifting-cta__actions { border-top: 1px solid #eee8e5; }
.gcw-gifting-cta__action { align-items: center; background: transparent; border: 0; color: #463b37; display: grid; gap: 14px; grid-template-columns: 40px minmax(0, 1fr) auto; min-height: 76px; padding: 16px 28px; text-align: left; transition: background-color .16s ease; width: 100%; }
.gcw-gifting-cta__action + .gcw-gifting-cta__action { border-top: 1px solid #f0e9e6; }
.gcw-gifting-cta__action:hover { background: #fdfaf9; }
.gcw-gifting-cta__action-icon { border-radius: 10px; height: 40px; width: 40px; }
.gcw-gifting-cta__action-icon svg { height: 20px; width: 20px; }
.gcw-gifting-cta__action-arrow { font-size: 25px; }
.gcw-gifting-cta__action strong { font-size: 16px; font-weight: 600; line-height: 1.25; }
@media (max-width: 480px) { .gcw-gifting-cta__dialog-backdrop { align-items: flex-end; padding: 12px; } .gcw-gifting-cta__dialog { max-width: none; } }
