/* ===== Elpis Sweets · доставка и оплата в стиле «живая линия» (поверх sketch-home + blog + catalog) ===== */
.skd .skd-hero h1{font-size:58px}
/* маршрут в hero */
.skd-route{position:relative;justify-self:center;width:min(420px,88vw)}
.skd-route-card{position:relative;aspect-ratio:3/2;background:#FBF7F1;transform:rotate(1.5deg);
  background-image:linear-gradient(rgba(176,149,127,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(176,149,127,.14) 1px,transparent 1px);background-size:28px 28px}
.skd-road{position:absolute;inset:0;width:100%;height:100%}
.skd-route .ic{position:absolute;overflow:visible}
.skd-route .pin{width:22%;left:4%;bottom:12%}
.skd-route .car{width:24%;left:38%;top:30%;transform:rotate(-8deg)}
.skd-route .house{width:24%;right:3%;top:4%}
.skd-route .lbl{position:absolute;font-size:21px;color:var(--ink);white-space:nowrap}
.skd-route .l1{left:6%;bottom:2%;transform:rotate(-3deg)}
.skd-route .l2{right:4%;top:44%;color:var(--cherry);transform:rotate(-4deg)}
.skd-route .l3{left:30%;top:62%;color:var(--ink2);font-size:18px;transform:rotate(-12deg)}
/* способы */
.skd .skd-ways{background:var(--paper2)}
.skd-ways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.skd-way{padding:30px 28px 24px;display:grid;gap:18px;background:#FBF7F1}
.skd-way:nth-child(1){transform:rotate(-.8deg)}.skd-way:nth-child(2){transform:rotate(.7deg)}
.skd-way header{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center}
.skd-way header>svg{width:56px;height:56px;overflow:visible}
.skd-way h3{font:800 26px/1.1 var(--display);margin:0}
.skd-way header p{margin:4px 0 0;font-size:20px;color:var(--ink2)}
.skd-way .price{width:84px;height:84px;display:grid;place-content:center;justify-items:center;text-align:center;line-height:1}
.skd-way .price b{font:800 34px/1 var(--display);color:var(--cherry)}
.skd-way .price b.t{font-size:16px;letter-spacing:-.02em}
.skd-way .price small{font:700 16px/1 var(--hand);color:var(--ink2)}
.skd-way dl{margin:0;display:grid;gap:8px}
.skd-way dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;border-bottom:1.5px dashed rgba(43,29,26,.2);padding-bottom:8px}
.skd-way dt{font:700 13px/1.6 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.skd-way dd{margin:0;font-weight:600}
.skd-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.skd-ticks li{padding-left:28px;position:relative;line-height:1.45}
.skd-ticks li::before{content:'✓';position:absolute;left:4px;top:-2px;font:700 22px/1 var(--hand);color:var(--cherry)}
.skd-way .more{font:700 21px/1 var(--hand);color:var(--cherry);text-decoration:none;justify-self:start}
.skd-way .more:hover{text-decoration:underline wavy rgba(200,56,45,.5) 1.5px;text-underline-offset:5px}
.skd-free{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;background:rgba(232,160,180,.16)}
.skd-free svg{width:48px;height:48px;overflow:visible}
.skd-free p{margin:0;line-height:1.4}.skd-free span{color:var(--ink2);font-size:16px}
/* планировщик */
.skd-plan-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:start}
.skd-form{display:grid;gap:20px;padding:30px 28px;background:#FBF7F1;transform:rotate(-.6deg)}
.skd .skk-field input{font:500 17px var(--body);color:var(--ink);padding:12px 14px;border:2px solid var(--ink);background:#fff;border-radius:3px 7px 2px 6px/7px 3px 6px 2px;width:100%;outline:none;min-height:50px}
.skd .skk-field input:focus{box-shadow:3px 3px 0 var(--cherry)}
.skd-quick{margin-top:-8px}.skd-quick button{font-size:14px;padding:7px 11px}
.skd-result{position:relative;padding:34px 30px 26px;background:#FBF7F1;transform:rotate(.6deg);display:grid;gap:14px}
.skd-result-h{font-size:30px;color:var(--cherry);line-height:1}
.skd-tl{list-style:none;margin:0;padding:0;display:grid;gap:4px;position:relative}
.skd-tl::before{content:'';position:absolute;left:23px;top:24px;bottom:24px;border-left:2.5px dashed rgba(43,29,26,.3)}
.skd-tl li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:8px 0;position:relative}
.skd-tl svg{width:48px;height:48px;overflow:visible;background:#FBF7F1;border-radius:50%}
.skd-tl b{font:800 18.5px/1.25 var(--display)}
.skd-tl .d{color:var(--cherry);display:inline-block}
.skd-tl p{margin:2px 0 0;font-size:14px;color:var(--ink2);line-height:1.4}
.skd-result.urgent #t-order b .d{background:rgba(232,160,180,.35);padding:0 4px}
.skd-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:2px solid var(--ink);padding-top:12px;margin:4px 0 0}
.skd-total span{font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.skd-total b{white-space:nowrap;font:800 28px/1 var(--display);color:var(--ink);display:inline-block}
.skd-result .skh-btn{justify-self:start}
.skd .small{font-size:14px;margin:0}
.skd .pop{animation:skdPop .35s steps(3)}
@keyframes skdPop{0%{transform:scale(1.25) rotate(-5deg)}100%{transform:none}}
/* оплата */
.skd-split{display:flex;gap:16px;margin:0 0 44px}
.skd-split>div{display:flex;align-items:center;gap:16px;padding:20px 24px;min-width:0}
.skd-split .a{color:#fff;transform:rotate(-.6deg)}.skd-split .a b,.skd-split .a .hand{color:#fff;position:relative}
.skd-split .b{background:#FBF7F1;transform:rotate(.6deg)}
.skd-split b{font:800 44px/1 var(--display)}
.skd-split .b b{color:var(--cherry)}
.skd-split .hand{font-size:23px;line-height:1.1}
.skd-methods{grid-template-columns:repeat(4,minmax(0,1fr))}
/* отмена */
.skd .skd-cancel{background:var(--paper2)}
.skd-ruler{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) 0 minmax(0,1fr) auto;align-items:stretch;background:#FBF7F1;padding:0}
.skd-ruler .seg{padding:26px 26px 24px;display:grid;gap:6px;align-content:start}
.skd-ruler .seg b{font:800 22px/1.15 var(--display)}
.skd-ruler .seg p{margin:0;color:var(--ink2);line-height:1.5}
.skd-ruler .ok{background:repeating-linear-gradient(-38deg,rgba(201,168,76,.18) 0 2px,transparent 2px 9px)}
.skd-ruler .ok b::before{content:'✓ ';color:#5E8A45}
.skd-ruler .no b::before{content:'× ';color:var(--cherry)}
.skd-ruler .no{background:repeating-linear-gradient(40deg,rgba(200,56,45,.12) 0 2px,transparent 2px 9px)}
.skd-ruler .mark{position:relative;border-left:3px dashed var(--cherry)}
.skd-ruler .mark span{position:absolute;top:-34px;left:0;transform:translateX(-50%) rotate(-3deg);font-size:22px;color:var(--cherry);white-space:nowrap}
.skd-ruler .cake{display:grid;justify-items:center;align-content:center;gap:2px;padding:14px 20px;font-size:20px;border-left:2px solid var(--ink)}
.skd-ruler .cake svg{width:46px;height:46px;overflow:visible}
.skd-note{margin:22px 0 0;text-align:center}
/* шаги */
.skd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.skd-steps li{padding:24px 20px 22px;display:grid;gap:10px;align-content:start;position:relative;background:#FBF7F1}
.skd-steps li:nth-child(odd){transform:rotate(-1deg)}.skd-steps li:nth-child(even){transform:rotate(1deg) translateY(18px)}
.skd-steps .n{position:absolute;right:16px;top:8px;font-size:48px;line-height:1;color:var(--cherry)}
.skd-steps svg{width:52px;height:52px;overflow:visible}
.skd-steps b{font:800 20px/1.15 var(--display)}
.skd-steps p{margin:0;font-size:16px;line-height:1.5;color:var(--ink2)}
/* советы */
.skd .skd-tips{padding-top:40px}
.skd-tips-box{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;padding:40px 40px 34px;background:#FBF7F1;transform:rotate(-.4deg)}
.skd-tips-box h2{font-size:36px;margin:6px 0 10px}
.skd-tips-list{margin:0;padding:0 0 0 30px;display:grid;gap:10px;font-size:23px;line-height:1.2}
.skd-tips-list li::marker{color:var(--cherry);font-weight:700}
/* карта */
.skd-map-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:40px;align-items:center}
.skd-map-frame{position:relative;padding:10px;background:#FBF7F1;transform:rotate(-.5deg)}
.skd-map-frame iframe{display:block;width:100%;height:420px;border:0;filter:sepia(.18) saturate(.9)}
.skd-addr{padding:28px 24px;display:grid;gap:8px;justify-items:start;background:#FBF7F1;transform:rotate(1deg)}
.skd-addr svg{width:52px;height:52px;overflow:visible}
.skd-addr b{font:800 22px/1.2 var(--display)}
.skd-addr .hand{font-size:24px;color:var(--cherry);margin:0}
.skd-addr .muted{margin:0 0 8px;line-height:1.5}
.skd-addr .btns{display:flex;flex-wrap:wrap;gap:12px}
.skd-addr .skh-btn{min-height:46px;padding:10px 18px}
.skd .skb-cta .btns{flex-wrap:wrap}
@media (max-width:1100px){.skd-methods,.skd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.skd-steps li:nth-child(even){transform:rotate(1deg)}}
@media (max-width:900px){
  .skd .skd-hero h1{font-size:44px}
  .skd-ways-grid,.skd-plan-grid,.skd-map-grid,.skd-tips-box{grid-template-columns:minmax(0,1fr)}
  .skd-ways-grid{gap:30px}
  .skd-route{margin-top:10px}
}
@media (max-width:760px){
  .skd-way{padding:26px 18px 20px}
  .skd-way header{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.skd-way header>svg{width:44px;height:44px}
  .skd-way h3{font-size:22px}.skd-way header p{font-size:18px}
  .skd-way .price{width:70px;height:70px}.skd-way .price b{font-size:28px}.skd-way .price b.t{font-size:13px}
  .skd-form,.skd-result{padding:26px 18px 22px}
  .skd-split{flex-direction:column;gap:12px}.skd-split>div{flex:auto!important}
  .skd-methods,.skd-steps{grid-template-columns:minmax(0,1fr)}
  .skd-steps li:nth-child(n){transform:none}
  .skd-ruler{grid-template-columns:minmax(0,1fr)}
  .skd-ruler .mark{border-left:0;border-top:3px dashed var(--cherry);height:0}
  .skd-ruler .mark span{top:-14px;left:auto;right:12px;transform:rotate(-3deg);background:#FBF7F1;padding:0 6px}
  .skd-ruler .cake{border-left:0;border-top:2px solid var(--ink);grid-auto-flow:column;gap:10px}
  .skd-tips-box{padding:30px 20px 26px;gap:18px}.skd-tips-box h2{font-size:30px}.skd-tips-list{font-size:21px}
  .skd-map-frame iframe{height:320px}
  .skd-route .lbl{font-size:18px}.skd-route .l3{font-size:16px}
}
@media (max-width:420px){.skd .skd-hero h1{font-size:36px}}
@media (prefers-reduced-motion:reduce){.skd .pop{animation:none}}
/* планировщик: дизайн и разбивка */
.skd-two{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:14px}
.skd .skk-field select{width:100%;min-height:50px;padding-right:30px;text-overflow:ellipsis}
.skd-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.skd-dz{display:grid;gap:4px;align-content:start;text-align:left;padding:11px 9px 9px;min-width:0;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;border-radius:3px 8px 2px 7px/8px 3px 7px 2px;font:inherit;transition:transform .15s steps(2)}
.skd-dz b{font:800 14px/1.1 var(--display);letter-spacing:-.01em;white-space:nowrap}
.skd-dz span{font-size:13px;line-height:1.3;color:var(--ink2)}
.skd-dz em{font-style:normal;font-size:19px;color:var(--cherry);line-height:1}
.skd-dz:hover{transform:rotate(-1deg)}
.skd-dz[aria-checked="true"]{background:var(--cherry);color:#fff;box-shadow:3px 3px 0 var(--ink)}
.skd-dz[aria-checked="true"] span,.skd-dz[aria-checked="true"] em{color:#fff}
.skd-dz:focus-visible{outline:3px dashed var(--cherry);outline-offset:3px}
.skd-break{list-style:none;margin:2px 0 0;padding:12px 0 0;border-top:1.5px dashed rgba(43,29,26,.3);display:grid;gap:6px}
.skd-break li{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink2)}
.skd-break li b{color:var(--ink);white-space:nowrap}
.skd-break li.warn{color:var(--cherry);font-weight:600}
@media (max-width:760px){.skd-designs{grid-template-columns:minmax(0,1fr)}.skd-dz{grid-template-columns:minmax(0,1fr) auto;align-items:center}.skd-dz span{grid-column:1}.skd-dz em{grid-column:2;grid-row:1/3}.skd-two{grid-template-columns:minmax(0,1fr) 110px}}
.skd-smap,.skd-lmap{position:relative;display:block;height:420px;overflow:hidden;background:#FBF7F1;color:inherit;text-decoration:none}
.skd-smap-svg{display:block;width:100%;height:100%}
.skd-smap .sm-pulse{transform-box:fill-box;transform-origin:center;animation:smPulse 2.4s ease-out infinite}
.skd-smap .sm-drop{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.skd-smap:hover .sm-drop,.skd-smap:focus-visible .sm-drop{transform:translateY(-6px)}
@keyframes smPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.skd-smap-btn{position:absolute;left:14px;bottom:14px;z-index:500;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;background:#FFFDF8;border:2px solid #2B1D1A;border-radius:10px 12px 9px 13px;box-shadow:3px 3px 0 rgba(201,168,76,.45);font:600 14px/1 Raleway,sans-serif;color:#2B1D1A;text-decoration:none;transition:transform .2s,box-shadow .2s}
.skd-smap-btn svg{width:20px;height:20px;flex:none}
.skd-smap:hover .skd-smap-btn,.skd-smap-btn:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 rgba(201,168,76,.55)}
.skd-lmap-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#FBF7F1 radial-gradient(#E3D6C6 .9px,transparent 1px) 0 0/16px 16px;font:700 22px/1 Caveat,cursive;color:#6E5A52}
.skd-lmap.ready .skd-lmap-ph{display:none}
.lm-pin{position:relative;width:0;height:0}
.lm-pin .sm-pulse{position:absolute;left:50%;bottom:-10px;width:28px;height:28px;margin-left:-14px;border:2px solid #C8382D;border-radius:50%;animation:smPulse 2.4s ease-out infinite}
.lm-pin>svg{position:absolute;left:50%;bottom:0;width:34px;height:46px;margin-left:-17px;overflow:visible}
.lm-tag{position:absolute;left:50%;bottom:58px;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;background:#FFFDF8;border:2px solid #2B1D1A;padding:6px 14px 5px;text-align:center;box-shadow:3px 3px 0 rgba(201,168,76,.45)}
.lm-tag::before{content:'';position:absolute;left:50%;top:-9px;width:46px;height:14px;margin-left:-23px;background:#F6DDE4;opacity:.9;transform:rotate(4deg)}
.lm-tag b{display:block;font:italic 700 16px/1.1 'Playfair Display',Georgia,serif;color:#2B1D1A}
.lm-tag span{display:block;font:700 16px/1.1 Caveat,cursive;color:#C8382D}
@media (max-width:900px){.skd-smap,.skd-lmap{height:320px}.skd-smap-btn{left:10px;bottom:10px;font-size:13px;padding:8px 12px 8px 9px}}
@media (prefers-reduced-motion:reduce){.skd-smap .sm-pulse,.lm-pin .sm-pulse{animation:none;opacity:0}}
.skd-smap-osm{position:absolute;right:6px;bottom:4px;font:500 10px/1 Raleway,sans-serif;color:#9C8A80;background:rgba(251,247,241,.8);padding:2px 4px}
.skd-lmap .maplibregl-ctrl-group{border:2px solid #2B1D1A;border-radius:10px;overflow:hidden;box-shadow:3px 3px 0 rgba(201,168,76,.45);background:#FFFDF8}
.skd-lmap .maplibregl-ctrl-group button{width:32px;height:32px}
.skd-lmap .maplibregl-ctrl-group button:hover{background:#F6DDE4}
.skd-lmap .maplibregl-ctrl-attrib{font:11px Raleway,sans-serif;color:#6E5A52;background:rgba(251,247,241,.85)}
.skd-lmap .maplibregl-ctrl-attrib a{color:#6E5A52}
.skd-lmap .maplibregl-cooperative-gesture-screen{font:600 15px/1.35 Raleway,sans-serif;background:rgba(43,29,26,.55)}
.skd-lmap.is-sketch .skd-smap{position:absolute;inset:0;height:auto}
.skd-lmap .skd-smap-btn{z-index:3}