.cray-gift{max-width:1440px;margin:0 auto;padding:88px 40px 120px;color:#111}.cray-gift__header{max-width:720px;margin:0 auto 56px;text-align:center}.cray-gift__eyebrow{font-size:12px;letter-spacing:.22em}.cray-gift h1{margin:14px 0 18px;font-family:inherit;font-size:clamp(34px,5vw,64px);font-weight:400}.cray-gift__header>p:last-child{font-size:16px;line-height:1.7}.cray-gift__modes{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.cray-gift__modes button{border:1px solid #bbb;background:#fff;padding:15px 24px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;cursor:pointer}.cray-gift__modes button.is-active{background:#111;color:#fff;border-color:#111}.cray-gift__counter{text-align:center;min-height:28px;margin-bottom:28px;font-size:13px;letter-spacing:.06em}.cray-gift__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cray-gift__card{position:relative;border:1px solid #e1e1e1;background:#fff;padding:0 0 22px;text-align:left;cursor:pointer;color:inherit}.cray-gift__card.is-hidden{display:none}.cray-gift__card.is-selected{border:2px solid #111}.cray-gift__image{display:block;aspect-ratio:4/5;background:#f7f7f5;overflow:hidden}.cray-gift__image img{width:100%;height:100%;object-fit:contain}.cray-gift__name,.cray-gift__size{display:block;padding:0 18px}.cray-gift__name{margin-top:18px;font-size:15px}.cray-gift__size{margin-top:7px;color:#777;font-size:12px}.cray-gift__check{display:none;position:absolute;right:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#111;color:#fff;text-align:center;line-height:28px}.cray-gift__card.is-selected .cray-gift__check{display:block}.cray-gift__footer{max-width:540px;margin:48px auto 0;text-align:center}.cray-gift__submit{width:100%;border:1px solid #111;background:#111;color:#fff;padding:18px 24px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.cray-gift__submit:disabled{opacity:.35;cursor:not-allowed}.cray-gift__footer>p:last-child{font-size:11px;line-height:1.5;color:#777}.cray-gift__error{min-height:22px;color:#9b1c1c;font-size:13px}@media(max-width:900px){.cray-gift{padding:56px 20px 80px}.cray-gift__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cray-gift__modes{flex-direction:column}.cray-gift__modes button{width:100%}}@media(max-width:520px){.cray-gift__grid{gap:12px}.cray-gift__name,.cray-gift__size{padding:0 12px}.cray-gift__name{font-size:13px}}