.gift-studio{border-top:1px solid var(--line);padding-block:64px}
.gift-heading{max-width:650px;margin-bottom:36px}
.gift-heading .eyebrow{font-size:10px}
.gift-heading h2{font-size:clamp(34px,3.5vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:16px 0 18px}
.gift-heading>p:last-child{font-size:14px;line-height:1.7;color:#6a4f60;max-width:52ch}
.gift-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}
.gift-art{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:42px 30px 56px;min-width:0}
.gift-envelope{position:absolute;z-index:-1;inset:28% 10px 34px;background:linear-gradient(140deg,#ecd5e1,#dab3c9);border-radius:6px;transform:rotate(3deg);box-shadow:0 12px 26px -18px #54394766}
.gift-envelope:after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,50% 52%,100% 0);background:#f5e5ee;box-shadow:inset 0 1px #fcf9fa}
.gift-card-preview{position:relative;width:100%;aspect-ratio:1.58;min-width:0;padding:26px 30px;border-radius:10px;background:linear-gradient(125deg,#644759,#3d2936);color:#fcf1f7;box-shadow:inset 0 1px #fbe5f14d,inset 0 0 0 1px #734e65,0 18px 26px -17px #30232d8c;transform:rotate(-4deg);overflow:hidden}
.gift-card-brand{display:block;font:500 30px/.9 'Cormorant Garamond',serif;letter-spacing:-.04em}
.gift-card-location{display:block;font-size:7px;line-height:1.5;letter-spacing:.15em;margin-top:8px;color:#e8cfde}
.gift-card-greeting{font-size:clamp(23px,2.8vw,38px);font-weight:450;line-height:1.2;letter-spacing:-.035em;margin:24px 0 0}
.gift-card-choice{position:absolute;right:30px;bottom:44px;left:30px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.gift-card-choice>span{font-size:10px;line-height:1.5;max-width:16ch;color:#e8cfde}
.gift-card-choice>strong{font-size:clamp(38px,4vw,60px);line-height:1.1;font-weight:450;letter-spacing:-.035em;text-align:right;white-space:nowrap}
.gift-card-preview.is-treatment .gift-card-choice>strong{font-size:clamp(18px,2vw,27px);max-width:15ch;text-wrap:balance;white-space:normal}
.gift-card-bottom{position:absolute;inset:auto 30px 19px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d5b5c747;padding-top:10px;font-size:7px;line-height:1.5;letter-spacing:.12em;color:#e8cfde}
.gift-preview-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;line-height:1.6;color:#705768;margin:0}
.gift-controls{min-width:0}
.gift-mode{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#ecdee7;border:1px solid #dfc7d5;border-radius:12px;gap:4px}
.gift-mode button{border:0;border-radius:8px;background:transparent;padding:12px 8px;min-height:46px;color:#694b5d;font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
.gift-mode button[aria-pressed=true]{background:#fcf9fa;color:#372631;box-shadow:0 2px 5px #5b384c1f}
.gift-option-panel{padding-top:24px}
.gift-field-label{font-size:13px;font-weight:550;line-height:1.6;margin:0 0 14px}
.gift-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gift-amounts button{min-height:54px;border:1px solid #d8bfce;border-radius:9px;background:#fcf9fa;color:#49303f;font:inherit;font-size:22px;line-height:1.3;font-weight:500;cursor:pointer;box-shadow:inset 0 1px #fcf9fa,0 2px 3px #603c4e08}
.gift-amounts button:last-child{grid-column:1/-1;min-height:44px;font-size:12px}
.gift-amounts button[aria-pressed=true],.gift-treatments button[aria-pressed=true]{border-color:#8d5b77;background:#f0dce7;box-shadow:inset 0 0 0 1px #8d5b77;color:#3c2633}
.gift-custom{margin-top:18px}
.gift-custom label{display:block;font-size:12px;font-weight:550;line-height:1.6;margin-bottom:7px}
.gift-custom>div{display:flex;align-items:center;gap:12px;border:1px solid #c9a8bb;border-radius:8px;padding-left:16px;background:#fcf9fa}
.gift-custom>div>span{font-size:20px;color:#705768}
.gift-custom input{width:100%;min-width:0;min-height:48px;margin:0;padding:10px 14px 10px 0;border:0;border-radius:8px;background:transparent;font:inherit;font-size:16px;color:#30232d}
.gift-custom input::placeholder{color:#705768;opacity:1}
.gift-custom .field-error{font-size:12px;color:#842b4e;line-height:1.5;margin:8px 0 0}
.gift-option-note,.gift-order-note{font-size:11px;line-height:1.7;color:#705768;margin:14px 0 0;max-width:52ch}
.gift-treatments{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gift-treatments button{padding:13px 14px;min-height:80px;display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid #d8bfce;border-radius:9px;background:#fcf9fa;color:#49303f;font:inherit;cursor:pointer}
.gift-treatments button>span{font-size:14px;line-height:1.35;font-weight:550}
.gift-treatments small{font-size:10px;line-height:1.5;color:#705768}
.gift-order.button{width:100%;justify-content:center;min-height:50px;min-width:0;font-size:13px;margin-top:22px}
.gift-order[aria-disabled=true]{opacity:.6;cursor:not-allowed}
.gift-controls :is(button,input,.gift-order):focus-visible{outline:3px solid #82465f;outline-offset:3px;transition:none}
.gift-controls button{touch-action:manipulation;transition:transform 160ms ease-out,background 160ms ease-out,box-shadow 160ms ease-out}
.gift-controls button:active{transform:scale(.98)}
.gift-controls button:focus-visible:active{transform:none}
.gift-studio [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.gift-mode button:hover:not([aria-pressed=true]),.gift-amounts button:hover:not([aria-pressed=true]),.gift-treatments button:hover:not([aria-pressed=true]){background:#f3e6ed}}
@media(max-width:1000px){.gift-builder{gap:5%}.gift-art{padding-inline:20px}.gift-card-preview{padding:20px}.gift-card-brand{font-size:26px}.gift-card-greeting{margin-top:16px;font-size:26px}.gift-card-choice{inset:auto 20px 40px;gap:10px}.gift-card-choice>span{font-size:8px}.gift-card-bottom{inset:auto 20px 16px;font-size:6px}.gift-mode button{font-size:11px}.gift-treatments button{padding:12px}.gift-treatments button>span{font-size:13px}}
@media(max-width:650px){.gift-studio{padding-block:38px}.gift-heading{margin-bottom:12px}.gift-heading .eyebrow{font-size:9px}.gift-heading h2{font-size:34px;max-width:15ch;margin:14px 0 18px}.gift-heading>p:last-child{font-size:13px;line-height:1.7}.gift-builder{grid-template-columns:minmax(0,1fr);gap:24px}.gift-art{padding:30px 22px 40px}.gift-envelope{inset:28% 6px 23px}.gift-card-preview{padding:20px 22px}.gift-card-brand{font-size:27px}.gift-card-location{font-size:6px;margin-top:6px}.gift-card-greeting{font-size:27px;margin-top:15px}.gift-card-choice{inset:auto 22px 37px;gap:12px}.gift-card-choice>span{font-size:8px;max-width:14ch}.gift-card-choice>strong{font-size:40px}.gift-card-preview.is-treatment .gift-card-choice>strong{font-size:20px;max-width:13ch}.gift-card-bottom{inset:auto 22px 13px;padding-top:8px;font-size:6px}.gift-preview-caption{font-size:9px}.gift-mode button{font-size:12px;min-height:46px}.gift-option-panel{padding-top:20px}.gift-amounts button{min-height:54px;font-size:22px}.gift-treatments button{min-height:84px;padding:12px}.gift-treatments button>span{font-size:14px}.gift-treatments small{font-size:10px}.gift-order.button{font-size:12px;min-height:50px;margin-top:20px}}
@media(max-width:359px){.gift-heading h2{font-size:30px}.gift-art{padding-inline:16px}.gift-card-preview{aspect-ratio:1.45;padding:18px}.gift-card-greeting{font-size:24px;margin-top:14px}.gift-card-choice{inset:auto 18px 34px}.gift-card-choice>strong{font-size:34px}.gift-card-preview.is-treatment .gift-card-choice>strong{font-size:18px}.gift-card-bottom{inset:auto 18px 11px}.gift-card-brand{font-size:25px}.gift-card-location{font-size:5px}.gift-mode button{font-size:11px}.gift-treatments button>span{font-size:12px}.gift-treatments small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.gift-controls button{transition:none;transform:none}}

.gift-card-preview.is-treatment .gift-card-choice{display:block}
.gift-card-preview.is-treatment .gift-card-choice>span{display:none}
.gift-card-preview.is-treatment .gift-card-choice>strong{display:block;text-align:right;max-width:none;line-height:1.15}
.gift-card-preview.is-long-value:not(.is-treatment) .gift-card-choice>strong{font-size:clamp(26px,3.3vw,42px)}
@media(max-width:650px){.gift-card-preview.is-long-value:not(.is-treatment) .gift-card-choice>strong{font-size:29px}.gift-card-preview.is-treatment .gift-card-choice>strong{font-size:20px;max-width:100%}}
@media(max-width:359px){.gift-card-preview.is-long-value:not(.is-treatment) .gift-card-choice>strong{font-size:25px}.gift-card-preview.is-treatment .gift-card-choice>strong{font-size:18px}}