.ff-gift{--gift-fg:#000;--gift-border:#c7c7c7;--gift-muted:#777;--gift-pad:50px;color:var(--gift-fg);font:400 16px/20px var(--ff-body);padding:24px var(--gift-pad) 96px}
:root[data-ff-theme=dark] .ff-gift{--gift-fg:#fff;--gift-border:#565757;--gift-muted:#c7c7c7}
.ff-gift *{box-sizing:border-box;min-width:0}
.ff-gift :is(h1,h2,p,fieldset){margin:0}
.ff-gift [hidden]{display:none!important}
.ff-gift-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:start}
.ff-gift-art-column{grid-column:1;grid-row:1 / span 2;display:grid;gap:32px}
.ff-gift-art{display:block;width:100%;height:auto;aspect-ratio:19/11;object-fit:contain}
.ff-gift-art-caption{font-size:14px;line-height:20px}
.ff-gift-introduction{grid-column:2;display:grid;gap:16px;margin-bottom:24px}
.ff-gift h1{font:400 59px/.9 var(--ff-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.ff-gift-form{grid-column:2;display:flex;flex-direction:column;gap:24px;margin:0}
.ff-gift-fieldset{position:relative;border:0;padding:0}
.ff-gift-label{font:600 14px/20px var(--ff-body);padding:0;margin:0 0 12px}
.ff-gift-amount{position:absolute;right:0;top:0;font-size:16px;line-height:20px}
.ff-gift-amounts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px}
.ff-gift-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ff-gift-choice{position:relative;display:flex;min-height:44px;cursor:pointer}
.ff-gift-choice>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.ff-gift-choice>span{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;padding:8px 2px;border:1px solid var(--gift-border);border-radius:2px;font:400 14px/18px var(--ff-body);color:var(--gift-fg);background:transparent}
.ff-gift-choice>input:checked+span{border-color:#fa4616}
.ff-gift-choice>input:disabled+span{opacity:.5;cursor:default}
.ff-gift-recipient-fields{display:flex;flex-direction:column;gap:20px;border:0;margin:0;padding:0}
.ff-gift-field{display:flex;flex-direction:column;gap:8px;font:400 14px/20px var(--ff-body)}
.ff-gift-field :is(input,textarea){width:100%;min-height:51px;border:1px solid var(--gift-border);border-radius:0;background:transparent;padding:14px 16px;font:400 16px/21px var(--ff-body);color:var(--gift-fg);box-shadow:none}
.ff-gift-field textarea{min-height:100px;resize:vertical}
.ff-gift-field :is(input,textarea)::placeholder{color:var(--gift-muted);opacity:1}
.ff-gift-counter{text-align:right;color:var(--gift-muted);font-size:14px;line-height:20px}
.ff-gift-button{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:1px solid #fa4616;border-radius:4px;background:#fa4616;color:#fff;text-decoration:none;text-align:center;padding:10px 16px;cursor:pointer;font:600 16px/20px var(--ff-body)}
.ff-gift-button:disabled{opacity:.5;cursor:default}
.ff-gift-button[aria-busy=true]{cursor:wait}
.ff-gift-hint{font-size:14px;line-height:20px}
.ff-gift-error{font-size:14px;line-height:20px;color:var(--gift-fg)}
.ff-gift-link{color:inherit;text-decoration:underline;text-underline-offset:.1em;font:600 14px/20px var(--ff-body)}
.ff-gift-guidance{grid-column:2;display:grid;gap:32px}
.ff-gift-balance .ff-gift-introduction{margin-bottom:16px}
.ff-gift-help{display:grid;gap:12px}
.ff-gift-help .ff-gift-label{margin:0}
.ff-gift-actions{display:grid;gap:20px}
.ff-gift :is(a,button,input,textarea):focus-visible{outline:1px solid #fa4616;outline-offset:3px}
:root[data-ff-input=keyboard] .ff-gift-choice>input:focus-visible+span{outline:1px solid #fa4616;outline-offset:3px}
:root[data-ff-input=pointer] .ff-gift :is(a,button,input,textarea):focus{outline:none!important}
@media(hover:hover){.ff-gift-button:not(:disabled):hover{background:transparent;color:var(--gift-fg)}.ff-gift-choice:hover>span{border-color:#fa4616}.ff-gift-link:hover{color:#fa4616}}
@media(max-width:1919px){.ff-gift{--gift-pad:100px}.ff-gift h1{font-size:39px}.ff-gift-button{font-size:14px}}
@media(max-width:1399px){.ff-gift{--gift-pad:20px}.ff-gift-layout{column-gap:24px}}
@media(max-width:1023px){.ff-gift{--gift-pad:32px;padding-bottom:64px}.ff-gift-layout{display:flex;flex-direction:column;gap:28px}.ff-gift-layout>*{width:100%}.ff-gift-introduction{order:0;margin-bottom:0}.ff-gift-art-column{order:1}.ff-gift-form,.ff-gift-guidance{order:2}.ff-gift-purchase .ff-gift-art-caption{display:none}.ff-gift-button{font-size:13px}.ff-gift-balance .ff-gift-introduction{margin-bottom:0}}
@media(max-width:767px){.ff-gift{--gift-pad:16px}.ff-gift h1{font-size:32px}.ff-gift-button{font-size:12px;line-height:18px}}
@media(max-width:359px){.ff-gift-choice>span{font-size:12px}.ff-gift-amounts{gap:8px 4px}}

.ff-gift-right{grid-column:2;grid-row:1}.ff-gift-art-column{grid-row:1}@media(max-width:1023px){.ff-gift-right{display:contents}}

.ff-gift-amount-legend{display:flex;justify-content:space-between;align-items:center;width:100%}.ff-gift-amount{position:static;float:right}
.ff-gift-link{text-decoration-thickness:1px}

.ff-gift-breadcrumb{--gift-pad:50px;padding:24px var(--gift-pad) 4px;font:400 14px/18px var(--ff-body);color:#777}.ff-gift-breadcrumb a{color:inherit;text-decoration:none}.ff-gift-breadcrumb a:focus-visible{outline:1px solid #fa4616;outline-offset:3px}@media(max-width:1919px){.ff-gift-breadcrumb{--gift-pad:100px}}@media(max-width:1399px){.ff-gift-breadcrumb{--gift-pad:20px}}@media(max-width:1023px){.ff-gift-breadcrumb{--gift-pad:32px}}@media(max-width:767px){.ff-gift-breadcrumb{--gift-pad:16px;font-size:12px;line-height:15px}}

@media(max-width:319px){.ff-gift-amounts{grid-template-columns:repeat(4,minmax(0,1fr))}}

.ff-gift h1{line-height:53px}.ff-gift-art-caption,.ff-gift-hint,.ff-gift-counter{font-size:12px;line-height:17px}.ff-gift-field{line-height:18px}.ff-gift-field :is(input,textarea){font-size:14px;line-height:18px;padding:15px 16px 16px}.ff-gift-field input{height:51px}.ff-gift-recipient-fields{gap:24px}.ff-gift-inputs{display:flex;flex-direction:column;gap:20px}.ff-gift-delivery{display:flex;flex-direction:column;gap:12px}@media(max-width:1919px){.ff-gift h1{line-height:35px}.ff-gift-button{line-height:21px}}@media(max-width:1023px){.ff-gift-button{line-height:20px}}@media(max-width:767px){.ff-gift h1{line-height:29px}.ff-gift-button{line-height:18px}}
