/* The Tint Guy — gift checkout */
.ttgb-gift[hidden], .ttgb-gift [hidden] { display: none !important; }
.ttgb-gift { margin-top: 6px; scroll-margin-top: 190px; }
.ttgb-gift-h { font-size: 22px !important; margin: 0 0 12px !important; outline: none; }
.ttgb-gift-row { margin: 0 0 12px; }
.ttgb-gift-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ttgb-gift label, .ttgb-gift-lbl { display: grid; gap: 6px; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--text); }
.ttgb-gift label { grid-template-columns: max-content 1fr; column-gap: 6px; }
.ttgb-gift label input, .ttgb-gift label textarea { grid-column: 1 / -1; }
.ttgb-gift label span { font-weight: 400; color: var(--wp--preset--color--muted); }
.ttgb-gift input, .ttgb-gift textarea { font: inherit; font-weight: 400; width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 8px; border: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--bg); color: var(--wp--preset--color--text); }
.ttgb-gift-help, .ttgb-gift-secure, .ttgb-gift-test { font-size: 13px; color: var(--wp--preset--color--muted); margin: -4px 0 12px; }
.ttgb-gift-test { margin: 0 0 12px; padding: 8px 12px; border-radius: 8px; background: rgba(253,214,36,.15); color: var(--wp--preset--color--text); }
.ttgb-gift-secure { margin: 10px 0 0; }
.ttgb-gift-hp { position: absolute !important; left: -9999px !important; }
.ttgb-gift-error { margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; border-left: 4px solid #FF5757; background: rgba(255,87,87,.12); color: var(--wp--preset--color--text); }
.ttgb-gift-submit { display: block; width: 100%; box-sizing: border-box; text-align: center; font: inherit; font-weight: 800; font-size: 17px; padding: 14px 18px; border: 0; border-radius: 8px; background: var(--wp--preset--color--yellow); color: #111 !important; cursor: pointer; text-decoration: none; }
.ttgb-gift-submit:disabled { opacity: .6; cursor: wait; }
.ttgb-gift-cancel { display: block; margin: 8px auto 0; font: inherit; font-size: 14px; background: none; border: 0; color: var(--wp--preset--color--muted); text-decoration: underline; cursor: pointer; }
.ttgb-gift-done { outline: none; }
.ttgb-gift-done h3 { margin: 0 0 8px; }
.ttgb-gift-check { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--yellow); color: #111; font-weight: 800; font-size: 22px; margin: 0 0 10px; }
.ttgb-gift-code { margin: 14px 0; padding: 12px 14px; border: 1px dashed var(--wp--preset--color--yellow); border-radius: 10px; text-align: center; }
.ttgb-gift-code span { display: block; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.ttgb-gift-code strong { font-size: 26px; letter-spacing: .12em; }
@media (max-width: 600px) { .ttgb-gift-two { grid-template-columns: 1fr; } }