:root{--ink:#20332a;--green:#1c3024;--cream:#f3f1e9;--muted:#69736b;--line:#d8dcd1;--sage:#c6d2b9}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #718863;outline-offset:4px}[hidden]{display:none!important}.header{max-width:1280px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:36px/1 'Cormorant Garamond',Georgia,serif}.brand span{display:block;font:8px/1.7 Manrope,sans-serif;letter-spacing:2.8px;margin-top:8px}.back{font-size:12px}.back span{margin-left:22px}main{max-width:1160px;margin:auto;padding:0 32px}.intro{text-align:center;padding:55px 0 40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.spark{font-size:18px;vertical-align:middle;padding-right:9px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}h1{font-size:72px;letter-spacing:-2.8px;line-height:.98;margin:23px 0 20px}h1 em{font-weight:500;color:#647859}p{margin:0}.lead{color:var(--muted);font-size:14px;line-height:1.8}.gift-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:64px}.preview-panel{padding:28px 32px 24px;background:#e3e6dc;border-radius:3px}.preview-top{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1.5px;margin-bottom:25px}.preview-tag{letter-spacing:0;color:var(--muted)}.certificate{position:relative;line-height:1;box-shadow:0 16px 35px #22311d22;background:#f1eee5;container-type:inline-size}.certificate img{display:block;width:100%;height:auto}.field{position:absolute;color:#253b2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:2.3cqw/1.25 Manrope,Arial,sans-serif}.recipient{left:14%;top:73.65%;width:78%;font-size:2.6cqw}.gift-title{left:25.5%;top:79%;width:67%;font-size:2.2cqw}.number{left:12%;top:84.35%;width:22%;font-size:1.9cqw}.issued{left:48%;top:84.35%;width:21%;font-size:1.9cqw}.expiry{left:7.6%;top:88.6%;width:85%;font-size:1.85cqw}.watermark{position:absolute;top:66%;left:0;right:0;color:#ffffffa8;text-align:center;font-size:1.8cqw;letter-spacing:.45cqw}.preview-caption{font-size:10px;color:#64725d;text-align:center;margin-top:23px}.preview-caption span{padding-right:7px}.form-panel{padding-top:4px}.steps{display:flex;list-style:none;margin:0 0 26px;padding:0;justify-content:space-between;color:#899184;font-size:10px}.steps li{display:flex;gap:8px;align-items:center}.steps b{width:22px;height:22px;border:1px solid #c9cfc3;border-radius:50%;display:grid;place-items:center;font-weight:400}.steps .current{color:var(--ink)}.steps .current b{background:var(--green);color:var(--cream);border-color:var(--green)}h2{font-size:38px;letter-spacing:-.7px;line-height:1.15}.form-lead{margin:8px 0 22px;color:var(--muted);font-size:12px}.availability{font-size:11px;line-height:1.6;padding:12px 14px;background:#e8ebdf;border-left:2px solid #8c9b7f;margin-bottom:22px}.availability:empty{display:none}fieldset{padding:0;margin:0 0 23px;border:0}legend{font-size:9px;letter-spacing:1px;color:#89917e;margin-bottom:13px}legend span{color:var(--ink);font-size:12px;letter-spacing:0;padding-left:12px}.product{display:flex!important;align-items:center;gap:12px;border:1px solid #9caa91;background:#e9ecdf;padding:17px 16px;border-radius:3px}.product input{width:16px;height:16px;accent-color:var(--green);margin:0}.product-content{flex:1}.product-content strong{display:block;font-size:13px;font-weight:600}.product-content small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.price{font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1;display:flex;align-items:baseline;gap:4px}.price small{font:9px Manrope,sans-serif}label{display:block;font-size:11px;margin-bottom:7px}input:not([type=checkbox]):not([type=radio]){width:100%;background:#faf9f3;border:1px solid #d1d7ca;border-radius:3px;padding:13px 14px;color:var(--ink);font-size:13px;transition:border-color .2s}input::placeholder{color:#92998d}.hint{font-size:10px;color:var(--muted);margin-top:8px;line-height:1.7}.consent{display:flex;gap:9px;align-items:flex-start;font-size:10px;color:var(--muted);line-height:1.7}.consent input{flex:0 0 15px;margin:4px 0;accent-color:var(--green)}.text-button{border:0;background:none;padding:0;text-decoration:underline;color:inherit;font-size:inherit}.primary{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:17px 20px;border:1px solid var(--green);border-radius:3px;background:var(--green);color:var(--cream);font-size:12px;margin-top:20px;transition:background .2s}.primary:hover{background:#354d3d}.primary span{font-size:21px;line-height:1}.secondary{display:block;width:100%;padding:14px;margin-top:10px;border:1px solid var(--line);background:none;color:var(--ink);border-radius:3px;font-size:12px}.payment-note{color:var(--muted);font-size:9px;text-align:center;margin-top:12px}.help{display:block;font-size:11px;text-align:center;margin-top:23px;text-decoration:underline;text-underline-offset:4px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:70px 0;padding-top:28px;border-top:1px solid var(--line)}.how span{font-size:9px;letter-spacing:1px;color:var(--muted)}h3{font-size:26px;margin:10px 0}.how p{font-size:11px;line-height:1.8;color:var(--muted)}footer{background:var(--green);color:#e9ecdf;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px max(5%,24px)}footer>span{font:26px 'Cormorant Garamond',serif}footer p,footer a{font-size:10px}dialog{border:1px solid var(--line);padding:35px;max-width:470px;width:calc(100% - 32px);border-radius:5px;background:var(--cream);color:var(--ink);box-shadow:0 25px 90px #0a1d2550}dialog::backdrop{background:#10221990;backdrop-filter:blur(4px)}dialog h2{margin:15px 0 22px}dialog p:not(.eyebrow){font-size:12px;margin:15px 0;color:var(--muted)}.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:28px;color:var(--ink)}dl{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.error{background:#f3e3dc;color:#843f29;padding:12px;border-radius:3px;font-size:12px;margin-top:12px}.result{text-align:center;max-width:640px;padding:65px 24px}.result h1{font-size:58px}.result>p:not(.eyebrow){color:var(--muted);font-size:13px}.result .certificate{max-width:360px;margin:30px auto}.result-actions{max-width:400px;margin:auto}.result-actions button{justify-content:center}.result-actions a{justify-content:center}.admin{max-width:1050px;padding:40px 24px;margin:auto}.admin-card{border:1px solid var(--line);background:#fffefa;padding:18px;margin:14px 0;border-radius:4px}.admin-card p{font-size:12px;margin:5px 0}.admin-card .actions{display:flex;gap:8px;flex-wrap:wrap}.admin-card .actions button{width:auto;padding:8px 14px}.admin input{max-width:600px}.admin-status{padding:20px;background:#e6e9de;margin:20px 0}.muted{color:var(--muted)}
@media(min-width:1050px){.preview-panel{position:sticky;top:22px}}@media(max-width:800px){h1{font-size:58px}.gift-layout{gap:30px}.preview-panel{padding:22px 18px}.preview-top{font-size:7px}.preview-tag{display:none}.steps{font-size:9px}h2{font-size:31px}.product{padding:14px 10px}.product-content strong{font-size:12px}.how{gap:22px}}@media(max-width:620px){.header{padding:20px 22px}.brand{font-size:31px}.brand span{font-size:7px}.back{font-size:10px}.back span{margin-left:10px}main{padding:0 22px}.intro{padding:35px 0 30px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:44px;letter-spacing:-1.5px}.lead{font-size:12px}.gift-layout{display:flex;flex-direction:column;gap:30px}.preview-panel{width:100%;padding:21px 34px}.preview-top{font-size:8px;margin-bottom:18px}.preview-tag{display:inline}.certificate{max-width:260px;margin:auto}.preview-caption{font-size:9px;margin-top:18px}.form-panel{width:100%;padding-top:0}.steps{font-size:10px;margin-bottom:25px}h2{font-size:36px}.form-lead{font-size:12px}.product-content strong{font-size:13px}.how{grid-template-columns:1fr;gap:24px;margin:45px 0}.how h3{margin:6px 0}footer{flex-direction:column;align-items:flex-start;gap:13px;padding:25px 22px}.result h1{font-size:48px}dialog{padding:28px 22px}input:not([type=checkbox]):not([type=radio]){font-size:16px}}

.products{display:grid;gap:8px}.products .product{margin:0;background:#faf9f3;border-color:var(--line);padding:13px 14px;transition:background .2s,border-color .2s}.products .product:has(input:checked){background:#e5eadc;border-color:#819374;box-shadow:inset 3px 0 #657c54}.products .product-content{min-width:0}.products .signature{background:#f1ede1}.products .signature strong{color:#626a42}.products .price{min-width:65px;justify-content:flex-end;font-size:29px}.product input{flex-shrink:0}@media(max-width:620px){.products .product-content strong{font-size:12px}.products .product{padding:13px 11px;gap:9px}.preview-panel{order:2}.form-panel{order:1}.gift-layout{gap:26px}.intro{padding-bottom:28px}.preview-panel:before{content:"Так будет выглядеть ваш подарок";display:block;text-align:center;font:24px/1.3 "Cormorant Garamond",serif;margin-bottom:20px}.preview-top{display:none}}

.products .diagnostic{border-style:dashed;margin-top:8px}.diagnostic-note{font-size:11px;line-height:1.7;margin:-8px 0 24px;color:var(--muted);padding:12px 14px;border-left:2px solid #9caa91;background:#e8ebdf}