/* ===== Elpis Sweets · сертификаты в стиле «живая линия» (поверх sketch-home + blog + catalog) ===== */
.skr .skr-hero h1{font-size:56px}
.skr-hero-pic{position:relative;justify-self:center;width:min(330px,78vw)}
.skr-blank{display:block;width:100%;padding:12px;background:#FBF7F1;border:0;cursor:zoom-in;transform:rotate(3deg)}
.skr-blank img{width:100%;height:auto;display:block}
.skr-blank:hover{transform:rotate(1deg) scale(1.02)}
.skr .tape{width:96px;margin-left:-48px;top:-14px;height:28px}
.skr-bow{position:absolute;left:-54px;bottom:46px;font-size:30px;color:#fff;background:var(--cherry);padding:8px 16px;border:2px solid var(--ink);box-shadow:4px 4px 0 rgba(43,29,26,.25);transform:rotate(-8deg);z-index:3}
.skr-hero-pic .d1{width:46px;height:46px;right:-44px;top:30px}
.skr-hero-pic .d2{width:40px;height:40px;right:-30px;bottom:-10px}

/* ---------- конструктор ---------- */
.skr .skr-build{background:var(--paper2)}
.skh .skr-build .skr-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}
.skr-form{display:grid;gap:26px}
.skr-noms{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.skr-noms legend{margin-bottom:12px}
.skr-nom{display:grid;gap:4px;padding:16px 12px 14px;cursor:pointer;background:none;align-content:start;transition:transform .2s steps(3)}
.skr-nom:nth-of-type(1){transform:rotate(-1.2deg)}.skr-nom:nth-of-type(3){transform:rotate(1.2deg)}

.skr-own{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(150px,220px) minmax(0,1fr);align-items:center;gap:6px 18px;padding:14px 18px;cursor:pointer;background:none;transform:rotate(.4deg)}
.skr-own>input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.skr-own .t{font:800 22px/1.1 var(--display)}
.skr-own-in{display:flex;align-items:center;gap:8px}
.skr-own-in input{font:800 26px/1 var(--display);color:var(--ink);width:100%;min-width:0;padding:8px 12px;border:2px solid var(--ink);background:#FBF7F1;border-radius:3px 7px 2px 6px/7px 3px 6px 2px;outline:none;-moz-appearance:textfield}
.skr-own-in input::-webkit-inner-spin-button,.skr-own-in input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.skr-own-in input:focus{box-shadow:3px 3px 0 var(--cherry)}
.skr-own-in i{font:700 16px var(--body);font-style:normal;letter-spacing:.04em}
.skr-own .d{font-size:14px;line-height:1.35;color:var(--ink2)}
.skr-own .d.err{color:var(--cherry);font-weight:700}
.skr-own.on .t,.skr-own.on .d,.skr-own.on .skr-own-in i{color:#fff}
.skr-own.on .d.err{color:#FFE3D9}
.skr-own:focus-within{outline:3px dashed var(--cherry);outline-offset:6px}
.skr-nom:hover{transform:rotate(0) translateY(-3px)}
.skr-nom input{position:absolute;opacity:0;pointer-events:none}
.skr-nom b{font:800 32px/1 var(--display);color:var(--ink);white-space:nowrap}
.skr-nom b small{font-size:16px;letter-spacing:.02em}
.skr-nom .t{font:700 16px/1.2 var(--body)}
.skr-nom .d{font-size:14px;line-height:1.35;color:var(--ink2)}
.skr-nom .tag{position:absolute;top:-16px;right:-6px;background:var(--gold);color:var(--ink);font-size:18px;padding:3px 10px;border:2px solid var(--ink);transform:rotate(4deg);z-index:3}
.skr-nom.on,.skr-nom.on b,.skr-nom.on .d,.skr-nom.on .t{color:#fff}
.skr-nom:focus-within{outline:3px dashed var(--cherry);outline-offset:6px}
.skr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.skr .skk-field input{font:500 16px var(--body);color:var(--ink);padding:12px 14px;border:2px solid var(--ink);background:#FBF7F1;border-radius:3px 7px 2px 6px/7px 3px 6px 2px;width:100%;outline:none}
.skr .skk-field input:focus{box-shadow:3px 3px 0 var(--cherry)}
.skr .qv-row{display:grid;gap:10px}
.skr .qv-l{font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}

.skr-live{display:grid;gap:26px;justify-items:center}
.skr-prev{padding:12px;width:min(400px,100%);transform:rotate(-1.5deg)}
.skr-sheet{position:relative;container-type:inline-size}
.skr-sheet img{width:100%;height:auto;display:block}
.skr-sheet{aspect-ratio:1000/1419;overflow:hidden}
.skr-sheet canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .3s}
.skr-sheet.live canvas{opacity:1}
.skr-stamp{position:absolute;right:-22px;top:18%;font-size:24px;background:#FBF7F1;padding:4px 14px;border:2px solid var(--ink);transform:rotate(7deg);box-shadow:3px 3px 0 rgba(232,160,180,.8);z-index:3}
.skr-ideas{width:100%;padding:18px 22px;display:grid;gap:8px}
.skr-ideas>b{font-size:25px;color:var(--cherry)}
.skr-ideas ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.skr-ideas li{display:flex;justify-content:space-between;gap:12px;font-size:16px;border-bottom:1.5px dashed rgba(43,29,26,.2);padding-bottom:6px}
.skr-ideas li span:last-child{white-space:nowrap;font-weight:700}
.skr-ideas .more{font:700 20px/1 var(--hand);color:var(--ink);margin-top:4px}
.skr-order{display:grid;justify-items:center;gap:12px;margin-top:40px;text-align:center}
.skr-order .skh-btn{font-size:18px;padding:16px 30px}

/* ---------- шаги ---------- */
.skr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;counter-reset:s}
.skr-steps li{padding:26px 20px 22px;display:grid;gap:10px;align-content:start}
.skr-steps li:nth-child(odd){transform:rotate(-1deg)}.skr-steps li:nth-child(even){transform:rotate(1deg) translateY(18px)}
.skr-steps .n{font-size:52px;line-height:.8;color:var(--cherry)}
.skr-steps b{font:800 20px/1.15 var(--display)}
.skr-steps p{margin:0;font-size:16px;line-height:1.5;color:var(--ink2)}

/* ---------- условия ---------- */
.skr .skr-why{background:var(--paper)}
.skr-rules{list-style:none;margin:44px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;font-size:22px;color:var(--ink2);max-width:900px}
.skr-rules li::before{content:'✓ ';color:var(--cherry)}
.skr-cta .btns{flex-wrap:wrap}

/* ---------- условия по Положению № 935 ---------- */
.skr .skr-terms{background:var(--paper2)}
.skr-doc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}
.skr-doc-main{padding:26px 30px 22px;background:#FBF7F1}
.skr-doc-main ol{margin:0;padding:0 0 0 22px;display:grid;gap:12px;font-size:16px;line-height:1.55;color:var(--ink)}
.skr-doc-main li::marker{font:700 18px var(--hand);color:var(--cherry)}
.skr-doc-seller{margin:0;padding:24px 26px;background:#FBF7F1;display:grid;gap:2px;transform:rotate(.8deg)}
.skr-doc-seller dt{font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-top:12px}
.skr-doc-seller dt:first-child{margin-top:0}
.skr-doc-seller dd{margin:4px 0 0;font:600 16px/1.4 var(--body);color:var(--ink)}
.skr-doc-seller dd a{color:var(--cherry)}
.skr-doc-seller .note{margin-top:16px;font:400 20px/1.25 var(--hand);color:var(--ink2)}

/* ---------- увеличение ---------- */
.skr-zoom{border:0;padding:0;background:transparent;margin:auto;inset:0;max-width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:visible}
.skr-zoom::backdrop{background:rgba(43,29,26,.6)}
.skr-zoom img{display:block;max-height:calc(100dvh - 24px);width:auto;max-width:100%;box-shadow:0 0 0 10px #FBF7F1,8px 8px 0 10px rgba(232,160,180,.6)}
.skr-zoom .skk-x{position:absolute;right:-6px;top:-6px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:42px;height:42px;font-size:30px;line-height:34px;z-index:2}

@media (max-width:1180px){.skr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.skr-steps li:nth-child(even){transform:rotate(1deg)}}
@media (max-width:900px){
  .skr-doc{grid-template-columns:minmax(0,1fr);gap:26px}
  .skr .skr-hero h1{font-size:44px}
  .skh .skr-build .skr-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .skr-bow{left:-20px}
}
@media (max-width:760px){
  .skr-noms{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .skr-nom:nth-of-type(2){transform:rotate(1deg)}.skr-nom:nth-of-type(4){transform:rotate(-1deg)}
  .skr-own{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}
  .skr-doc-main{padding:20px 18px 16px}
  .skr-stamp{right:-8px;font-size:20px}
  .skr-nom{padding:14px 10px 12px}
  .skr-nom b{font-size:32px}
  .skr-nom b small{font-size:14px}
  .skr-nom .t{font-size:14px}
  .skr-nom .d{font-size:13px}
  .skr-nom .tag{font-size:16px;top:-14px;right:-4px;padding:2px 7px}
  .skr-two{grid-template-columns:minmax(0,1fr);gap:14px}
  .skr-steps{grid-template-columns:minmax(0,1fr);gap:22px}
  .skr-rules{font-size:20px;justify-content:flex-start}
  .skr-order .skh-btn{font-size:16px;padding:14px 20px}
  .skr-hero-pic{width:min(280px,72vw)}
  .skr-bow{font-size:24px;left:-14px;bottom:30px}
}
@media (max-width:420px){.skr .skr-hero h1{font-size:34px}}
@media (prefers-reduced-motion:reduce){.skr-sheet .pop{animation:none}.skr-nom{transition:none}}