/* Сайт в стиле «Пробковая доска»: пожелания-записки на кнопках, листы на скотче, полароиды */
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
:root{--ink:#231a14;--muted:#5a4a3c;--red:#e8452c;--red2:#cf3519;--blue:#2457d6;--paper:#fffdf7;
  --note-y:#fff27a;--note-p:#ffc2d1;--note-m:#b5efd6;--note-b:#c6dbff;--line:rgba(35,26,20,.16);--dot:rgba(35,26,20,.32);
  --shadow:0 20px 32px -20px rgba(40,20,5,.72);--tape:rgba(255,240,170,.8)}
html{scroll-behavior:smooth}
body{font:400 17px/1.6 'Golos Text',system-ui,sans-serif;color:var(--ink);min-height:100vh;display:flex;flex-direction:column;
  background-color:#c69c6d;background-image:radial-gradient(rgba(90,55,25,.35) 1px,transparent 1.6px),radial-gradient(rgba(255,235,200,.35) 1px,transparent 1.8px),radial-gradient(rgba(120,75,35,.25) 2px,transparent 2.6px);
  background-size:7px 7px,11px 11px,23px 23px;background-position:0 0,3px 5px,9px 2px}
main{flex:1}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--red)}
.wrap{width:100%;max-width:1560px;margin:0 auto;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}

/* бумага, скотч, гвоздики */
.top,.foot,.hero-card,.answer,.feat div,.faq,.cta-strip,.page-head,.sheet,.panel,.prose,.sec-text,.theme,.notice{background:var(--paper);box-shadow:var(--shadow);position:relative}
.top::before,.top::after,.sec-text::before,.panel::before,.prose::before,.sheet::before,.theme::before,.cta-strip::before,.faq::before,.answer::before{content:"";position:absolute;top:-10px;left:50%;width:96px;height:24px;margin-left:-48px;background:var(--tape);transform:rotate(-3deg);z-index:2}
.hero-card::before,.page-head::before,.station::before,.occ::before,.wish-ex::before,.feat div::before,.env::before{content:"";position:absolute;left:50%;top:-11px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.7) 0 3px,var(--pin,var(--red)) 4px);box-shadow:3px 5px 6px rgba(0,0,0,.35);z-index:2}

/* кнопки: красная бирка с дырочкой и бумажная */
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 17px/1.1 'Golos Text',sans-serif;padding:14px 22px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;text-align:center;box-shadow:0 10px 18px -12px rgba(40,20,5,.6)}
.btn:hover{color:var(--ink);background:#fff}
.btn-red{position:relative;border:0;background:var(--red);color:#fff;padding-left:36px;clip-path:polygon(15px 0,100% 0,100% 100%,15px 100%,0 50%);box-shadow:none}
.btn-red::before{content:"";position:absolute;left:17px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--paper)}
.btn-red:hover{background:var(--red2);color:#fff}
.btn-ghost{background:var(--paper)}
.btn-sm{font-size:15px;padding:10px 16px}
.btn-sm.btn-red{padding-left:31px}
.btn-lg{font-size:18px;padding:17px 26px}
.btn-lg.btn-red{padding-left:40px}
.btn-link{font:600 13px/1 'Golos Text',sans-serif;padding:10px 12px;border:1px solid var(--dot);background:#fff;color:var(--ink);cursor:pointer}
.danger{color:var(--red)!important;border-color:rgba(232,69,44,.55)!important}

/* типографика */
h1{font:800 clamp(34px,4.4vw,64px)/1.06 'Unbounded',sans-serif;letter-spacing:-.01em}
h1,h2,h3{overflow-wrap:break-word}
h1 em{font-style:normal;background:linear-gradient(transparent 58%,#ffe14d 58%)}
h2{font:800 clamp(23px,2.5vw,34px)/1.15 'Unbounded',sans-serif;margin-bottom:clamp(18px,2.2vw,26px)}
.sec > h2{color:var(--paper);text-shadow:0 2px 0 rgba(40,20,5,.45),0 0 18px rgba(40,20,5,.3)}
.sec-text h2,.panel h2,.prose h2{padding-top:14px;border-top:2px solid var(--ink)}
h3{font:600 19px/1.25 'Unbounded',sans-serif}
.kicker{font:600 13px/1.3 'Golos Text',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--muted);max-width:640px;margin-top:18px}
.sec{padding-top:clamp(50px,6vw,96px)}

/* шапка и подвал — листы на скотче */
.air{display:none}
.top{width:calc(100% - 2 * clamp(16px,3vw,40px));max-width:1480px;margin:16px auto 0;transform:rotate(-.3deg)}
.top::before{left:34%;margin-left:0}
.top::after{left:auto;right:70px;margin-left:0;transform:rotate(4deg)}
.top .wrap{padding-left:22px;padding-right:22px}
.top-in{display:flex;align-items:center;gap:clamp(16px,3vw,36px);padding-top:4px;padding-bottom:4px}
.logo{font:800 21px/1 'Unbounded',sans-serif;color:var(--ink)}
.logo span{color:var(--red)}
.logo:hover{color:var(--ink)}
.logo-pic{display:block;flex:none}
.logo-svg{display:block;height:78px;width:auto;overflow:visible;transform-origin:50% 90%}
.logo-pic:hover .logo-svg{animation:wiggle .7s ease-in-out}
@keyframes wiggle{25%{transform:rotate(-5deg) scale(1.04)}60%{transform:rotate(4deg) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.logo-pic:hover .logo-svg{animation:none}}
.nav{display:flex;gap:clamp(14px,2vw,28px);margin-left:auto;font-weight:600;font-size:15px}
.nav a{color:var(--ink)}
.nav a:hover{color:var(--red)}
.foot{width:calc(100% - 2 * clamp(16px,3vw,40px));max-width:1480px;margin:clamp(60px,7vw,100px) auto 24px;transform:rotate(.25deg)}
.foot .wrap{padding-left:24px;padding-right:24px}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 40px;padding-top:26px;padding-bottom:26px}
.foot p{margin-top:8px;font-size:15px;color:var(--muted);max-width:420px}
.foot nav{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}
.foot-brand{display:flex;align-items:center;gap:18px}
.foot-brand .logo-svg{height:88px}
.foot-brand .logo{display:block}

/* первый экран: лист с заголовком и доска с записками */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,4vw,64px);align-items:center;padding-top:clamp(40px,5vw,72px)}
.hero-card{padding:clamp(28px,3.4vw,46px);transform:rotate(-1.2deg);background-image:repeating-linear-gradient(transparent 0 33px,rgba(36,87,214,.13) 33px 34px);background-position:0 26px}
.hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:28px}
.ghost-link{font-weight:600;color:var(--blue);border-bottom:2px dashed var(--blue);padding-bottom:2px}
.board{position:relative;height:540px}
.note{position:absolute;width:250px;padding:26px 22px 20px;font:600 25px/1.2 'Caveat',cursive;box-shadow:0 18px 26px -16px rgba(40,20,5,.65);color:var(--ink)}
.note b{display:block;margin-top:10px;text-align:right;font-weight:700}
.note::before{content:"";position:absolute;left:50%;top:-9px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.7) 0 3px,var(--pin,var(--blue)) 4px);box-shadow:2px 4px 5px rgba(0,0,0,.35)}
.n1{left:0;top:30px;background:var(--note-y);transform:rotate(-5deg)}
.n2{left:270px;top:0;background:var(--note-p);transform:rotate(4deg);--pin:var(--red)}
.n3{left:60px;top:300px;background:var(--note-m);transform:rotate(3deg);--pin:#f2b705}
.n4{right:0;top:260px;background:var(--note-b);transform:rotate(-3deg);--pin:#2aa65c}
.polaroid{position:absolute;right:30px;top:24px;width:210px;background:#fff;padding:10px 10px 40px;transform:rotate(7deg);box-shadow:0 18px 26px -14px rgba(40,20,5,.7)}
.polaroid img{display:block;width:100%;height:150px;object-fit:cover}
.polaroid span{position:absolute;left:0;right:0;bottom:10px;text-align:center;font:700 22px/1 'Caveat',cursive}
.polaroid .tape{position:absolute;left:50%;top:-12px;width:90px;height:24px;margin-left:-45px;background:var(--tape);transform:rotate(-4deg)}
.board .stk{position:absolute;left:300px;top:260px;width:120px;height:120px}

/* конверт: ожидание вручения */
.waiting{padding-top:clamp(40px,5vw,80px);max-width:1000px}
.env{display:grid;grid-template-columns:1fr 1.2fr;background:#fbf5e8;border:14px solid transparent;border-image:repeating-linear-gradient(-45deg,#c42a2a 0 14px,#fbf5e8 14px 23px,#234f96 23px 37px,#fbf5e8 37px 46px) 14;box-shadow:var(--shadow);position:relative}
.env-msg{padding:clamp(20px,2.6vw,36px);border-right:1.5px solid var(--line)}
.hello{display:inline-block;font:700 clamp(40px,4.2vw,62px)/1 'Caveat',cursive;color:var(--red);transform:rotate(-4deg);margin-bottom:10px}
.env-title{display:block;font:800 clamp(22px,2.2vw,30px)/1.15 'Unbounded',sans-serif}
.env-msg p{margin-top:12px;font-size:16px;color:var(--muted)}
.env-addr{position:relative;padding:clamp(152px,12vw,176px) clamp(18px,2.4vw,32px) clamp(18px,2.4vw,30px)}
.line{display:flex;align-items:baseline;gap:12px;border-bottom:1.5px dotted rgba(43,37,34,.5);padding:10px 0 3px}
.line b{flex:none;width:76px;font:600 11.5px/1 'Golos Text',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(43,37,34,.6)}
.line span{font:700 clamp(19px,1.6vw,25px)/1.1 'Caveat',cursive;color:#234f96;overflow-wrap:break-word;min-width:0}
.stamp{position:absolute;right:clamp(18px,2.4vw,32px);top:clamp(16px,2vw,26px);width:108px;background:#fff;border:7px dotted #fbf5e8;padding:5px;transform:rotate(3deg)}
.stamp svg{display:block;width:100%;height:auto}
.pm{position:absolute;right:clamp(62px,6vw,84px);top:clamp(84px,8vw,104px);width:180px;transform:rotate(-8deg);pointer-events:none}

/* как это работает: три записки */
.answer{max-width:900px;margin:0 0 clamp(26px,3vw,40px);padding:22px 26px;font-size:clamp(17px,1.25vw,19px);color:var(--ink)}
.route{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px)}
.station{position:relative;padding:28px 24px 26px;box-shadow:var(--shadow);background:var(--note-y);transform:rotate(var(--r,0deg))}
.station:nth-child(1){--r:-1.2deg}
.station:nth-child(2){--r:.8deg;background:var(--note-p);--pin:var(--blue)}
.station:nth-child(3){--r:-.5deg;background:var(--note-m);--pin:#f2b705}
.station i{display:block;font:800 46px/1 'Unbounded',sans-serif;font-style:normal;color:rgba(35,26,20,.85);margin-bottom:12px}
.station p{color:var(--muted);margin-top:8px}

/* поводы: цветные записки с наклейками */
.occ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,26px)}
.occ{position:relative;display:block;padding:24px 22px 22px;color:var(--ink);box-shadow:var(--shadow);transform:rotate(var(--r,0deg));transition:transform .15s;background:var(--note-y)}
.occ:nth-child(4n+1){--r:-1deg}
.occ:nth-child(4n+2){--r:.8deg;background:var(--note-p);--pin:var(--blue)}
.occ:nth-child(4n+3){--r:-.6deg;background:var(--note-m);--pin:#f2b705}
.occ:nth-child(4n){--r:1deg;background:var(--note-b);--pin:#2aa65c}
.occ:hover{transform:rotate(0) translateY(-3px);color:var(--ink)}
.occ-stk{display:block;width:58px;height:58px;margin-bottom:10px}
.occ b{display:block;font:600 18px/1.25 'Unbounded',sans-serif}
.occ span{display:block;margin-top:8px;font-size:14.5px;color:var(--muted);line-height:1.45}
.mini{display:none}

/* оформления: полароиды с живым превью */
.themes{--g:clamp(20px,2.6vw,36px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.themes>.theme{flex:0 1 calc((100% - 2 * var(--g)) / 3);min-width:0}
.theme{display:block;padding:12px 12px 18px;outline:3px solid transparent;outline-offset:4px;transition:outline-color .15s,transform .15s;color:var(--ink)}
.themes .theme:nth-child(3n+1){transform:rotate(-.8deg)}
.themes .theme:nth-child(3n+2){transform:rotate(.6deg)}
.themes .theme:nth-child(3n){transform:rotate(-.4deg)}
label.theme{cursor:pointer}
.theme input{position:absolute;opacity:0;pointer-events:none}
.theme:has(input:checked){outline-color:var(--blue)}
.theme:has(input:focus-visible){outline-color:var(--red)}
.pv{position:relative;overflow:hidden;background:#fff;height:240px}
.pv iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;pointer-events:none}
.info{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px}
.info h3{font-size:22px}
.info a{font-weight:600;font-size:14px;white-space:nowrap}
.theme p{margin-top:6px;font-size:15.5px;color:var(--muted)}
.fit{position:absolute;left:24px;top:-13px;z-index:3;font:600 12px/1 'Golos Text',sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#fff;padding:7px 10px;display:none}
.theme.rec .fit{display:block}
.mark{position:absolute;right:18px;top:18px;z-index:2;width:96px;height:96px;display:none;transform:rotate(-12deg)}
.theme:has(input:checked) .mark{display:block}

/* почему онлайн: четыре карточки */
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,30px)}
.feat div{padding:26px 26px 24px;background-image:repeating-linear-gradient(transparent 0 29px,rgba(36,87,214,.12) 29px 30px);background-position:0 20px}
.feat div:nth-child(2){--pin:var(--blue)}.feat div:nth-child(3){--pin:#f2b705}.feat div:nth-child(4){--pin:#2aa65c}
.feat b{display:block;font:600 17px/1.3 'Unbounded',sans-serif;margin-bottom:10px}
.feat p{color:var(--muted)}

/* вопросы */
.faq{max-width:1000px;padding:10px 28px 6px}
.sec-text .faq{max-width:none;padding:0;box-shadow:none;background:none}
.sec-text .faq::before{display:none}
.faq details{border-bottom:1.5px dashed var(--dot)}
.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;font:600 18px/1.35 'Unbounded',sans-serif;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font:800 26px/1 'Unbounded',sans-serif;color:var(--red)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 20px;color:var(--muted);max-width:840px}
.cta-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,3vw,40px);margin-top:clamp(52px,6vw,96px)}
.cta-strip p{font:800 clamp(20px,2vw,28px)/1.2 'Unbounded',sans-serif}

/* бланк и формы */
.page-head{padding:clamp(24px,3vw,40px);margin:clamp(28px,4vw,56px) 0 clamp(26px,3vw,40px);background-image:repeating-linear-gradient(transparent 0 33px,rgba(36,87,214,.12) 33px 34px);background-position:0 24px}
.page-head h1{font-size:clamp(30px,3.8vw,52px)}
.page-head > p:not(.kicker){margin-top:12px;color:var(--muted);max-width:780px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 0;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--muted)}
.crumbs span::before{content:"/";margin:0 10px;color:var(--dot)}
.sheet{padding:clamp(22px,2.8vw,40px)}
.blk{border:0;padding:0 0 clamp(22px,2.6vw,32px);margin:0 0 clamp(22px,2.6vw,32px);border-bottom:1.5px dashed var(--dot);min-width:0}
.blk legend{font:800 15px/1 'Unbounded',sans-serif;color:var(--red);margin-bottom:18px;padding:0}
.row3{display:grid;grid-template-columns:minmax(0,1.25fr) auto minmax(0,1fr);gap:20px clamp(20px,2.6vw,40px);align-items:start}
.row3.even{grid-template-columns:repeat(3,minmax(0,1fr))}
.field{margin-bottom:4px}
.field label,.lbl{display:block;font:600 12.5px/1.25 'Golos Text',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.field input,.field select{width:100%;font:700 27px/1.2 'Caveat',cursive;color:var(--blue);background:transparent;border:0;border-bottom:2px dotted rgba(35,26,20,.5);padding:4px 2px 3px;outline:none;border-radius:0}
.field input[type=date],.field input[type=time],.field input[type=email],.field input[type=url]{font:400 18px/1.3 'Golos Text',sans-serif;padding:9px 2px 7px}
.field input:focus,.field select:focus{border-bottom:2px solid var(--red)}
.field input:disabled{opacity:.45}
.field input::placeholder{color:rgba(36,87,214,.38)}
.field small,.hint{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.settings .field{margin-bottom:22px}
.seg{display:inline-flex;border:2px solid var(--ink)}
.seg button{font:600 16px/1 'Golos Text',sans-serif;padding:12px 18px;background:transparent;border:0;color:var(--ink);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips button{font:400 16px/1.25 'Golos Text',sans-serif;background:var(--note-y);border:0;padding:9px 14px;cursor:pointer;color:var(--ink);text-align:left;box-shadow:0 8px 14px -10px rgba(40,20,5,.6)}
.chips button:nth-child(2){background:var(--note-p)}.chips button:nth-child(3){background:var(--note-m)}.chips button:nth-child(4){background:var(--note-b)}
.chips button[aria-pressed="true"]{outline:2.5px solid var(--ink);outline-offset:2px}
.radios{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:18px}
.radios label,.chk{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:16.5px}
.radios input,.chk input{width:20px;height:20px;accent-color:var(--red);margin-top:3px;flex:none}
.field .radios label{font:400 16.5px/1.45 'Golos Text',sans-serif;letter-spacing:0;text-transform:none;color:var(--ink);margin:0}
.chk{margin:4px 0 22px;color:var(--muted)}
.notice{padding:16px 20px;margin-bottom:22px;background:var(--note-y)}
.notice.err{background:var(--note-p)}
.notice ul{margin:6px 0 0 20px}
.notice-top{margin-top:24px}

/* страница организатора */
.org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,36px);align-items:start;margin-bottom:clamp(22px,2.6vw,36px)}
.panel{padding:clamp(22px,2.6vw,34px)}
.org-grid .panel{margin:0}
#wishes,#settings{margin-bottom:clamp(22px,2.6vw,36px)}
.panel h2{font-size:clamp(22px,2vw,28px);margin-bottom:12px}
.panel > p{color:var(--muted)}
.linkbox{display:flex;gap:8px;margin:14px 0 8px}
.linkbox input{flex:1;min-width:0;font:400 15px/1.3 'Golos Text',sans-serif;padding:12px;border:2px solid var(--dot);background:#fff;color:var(--ink)}
.share{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}
.share a,.share button{font:600 14px/1 'Golos Text',sans-serif;padding:11px 14px;border:0;background:var(--note-b);color:var(--ink);cursor:pointer;box-shadow:0 8px 14px -10px rgba(40,20,5,.6)}
.share a:nth-child(2){background:var(--note-m)}.share a:nth-child(3){background:var(--note-y)}.share button{background:var(--note-p)}
.chat{display:block;width:100%;font:400 16px/1.5 'Golos Text',sans-serif;padding:12px;border:2px solid var(--dot);background:#fff;color:var(--ink);resize:vertical;margin-bottom:10px}
.qr-wrap{display:flex;align-items:center;gap:18px;margin-top:22px}
.qr{width:132px;height:132px;flex:none;background:#fff}
.qr svg{display:block;width:100%;height:100%}
.status{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:12px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wl{list-style:none;margin-top:10px}
.wi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:16px 0;border-top:1.5px dashed var(--dot);align-items:start}
.wi-img{width:72px;height:72px;object-fit:cover;border:4px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.wi-stk{object-fit:contain;padding:6px;background:#fff}
.wi-noimg{display:block;width:72px;height:72px;background:var(--note-y) repeating-linear-gradient(transparent 0 13px,rgba(36,87,214,.18) 13px 14px);box-shadow:0 6px 10px -6px rgba(40,20,5,.6);transform:rotate(-3deg)}
.wi time{font-size:12.5px;color:var(--muted);margin-left:10px}
.wi p{margin-top:4px;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}
.wi-act{display:flex;gap:6px}
.wi-act button{font:600 12.5px/1 'Golos Text',sans-serif;padding:8px 10px;border:1px solid var(--dot);background:#fff;color:var(--ink);cursor:pointer}
.pin-mark{font-size:11px;font-weight:600;color:var(--red);margin-left:10px;text-transform:uppercase;letter-spacing:.08em}
.danger-zone{margin-top:24px;padding-top:18px;border-top:1.5px dashed var(--dot)}

/* страницы поводов и статьи */
.povod .page-head{max-width:1040px;transform:rotate(-.5deg)}
.povod .lead{max-width:880px}
.sec-text{padding:clamp(24px,3vw,40px);margin-top:clamp(40px,4.4vw,64px)}
.text,.text-p{max-width:900px}
.text p,.text-p{font-size:18px;line-height:1.65}
.text p + p,.text p + ul,.text ul + p,.text ol + p{margin-top:12px}
.text ul,.text ol{margin:12px 0 0 24px}
.text li{margin-top:6px;font-size:18px;line-height:1.6}
.text ul.quotes{list-style:none;margin-left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px}
.text ul.quotes li{margin:0;padding:18px 20px;background:var(--note-y);box-shadow:0 14px 22px -16px rgba(40,20,5,.6);font-family:'Caveat',cursive;font-size:24px;line-height:1.25}
.text ul.quotes li:nth-child(4n+2){background:var(--note-p)}.text ul.quotes li:nth-child(4n+3){background:var(--note-m)}.text ul.quotes li:nth-child(4n){background:var(--note-b)}
.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:clamp(20px,2.4vw,30px);margin-top:32px}
.wish-ex{position:relative;margin:0;padding:26px 22px 20px;background:var(--note-y);box-shadow:0 18px 26px -16px rgba(40,20,5,.6);transform:rotate(var(--r,0deg))}
.wish-ex:nth-child(4n+1){--r:-1deg}
.wish-ex:nth-child(4n+2){--r:.8deg;background:var(--note-p);--pin:var(--blue)}
.wish-ex:nth-child(4n+3){--r:-.5deg;background:var(--note-m);--pin:#f2b705}
.wish-ex:nth-child(4n){--r:1deg;background:var(--note-b);--pin:#2aa65c}
.wish-ex .to{display:none}
.wish-ex blockquote{font:600 24px/1.25 'Caveat',cursive}
.wish-ex figcaption{margin-top:12px;text-align:right;font:700 24px/1 'Caveat',cursive;color:var(--blue)}
.pv-wide{max-width:1120px;margin-top:22px;box-shadow:0 18px 30px -18px rgba(40,20,5,.6)}
.pv-link{margin-top:12px;font-weight:600;font-size:15px}
.other-links{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.other-links a{display:inline-block;padding:10px 16px;background:var(--note-y);color:var(--ink);font-weight:600;font-size:15px;box-shadow:0 10px 16px -12px rgba(40,20,5,.6)}
.other-links li:nth-child(4n+2) a{background:var(--note-p)}.other-links li:nth-child(4n+3) a{background:var(--note-m)}.other-links li:nth-child(4n) a{background:var(--note-b)}
.other-links a:hover{color:var(--ink);transform:translateY(-2px)}

/* документы */
.prose{max-width:900px;padding:clamp(24px,3vw,44px)}
.prose h2{font-size:22px;margin:30px 0 10px}
.prose p,.prose li{margin-top:10px}
.prose ul{margin-left:22px}

@media (max-width:1100px){.occ-grid{grid-template-columns:repeat(2,1fr)}.themes>.theme{flex-basis:calc((100% - var(--g)) / 2)}}
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .board{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:12px}
  .note,.polaroid,.board .stk{position:relative;left:auto;right:auto;top:auto;width:auto}
  .polaroid{grid-column:span 1}
  .board .stk{width:96px;height:96px;justify-self:center;align-self:center}
  .org-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .row3,.row3.even{grid-template-columns:minmax(0,1fr)}
  .route{grid-template-columns:1fr}
  .feat{grid-template-columns:1fr}
}
@media (max-width:700px){
  h1,h2,h3{-webkit-hyphens:auto;hyphens:auto}
  .nav{display:none}
  .top-in .btn{margin-left:auto}
  .logo-svg{height:58px}
  .foot-brand .logo-svg{height:64px}
  .env{grid-template-columns:1fr}
  .env-msg{border-right:0;border-bottom:1.5px dotted var(--line)}
  .env-addr{padding-top:210px}
  .occ-grid{grid-template-columns:1fr}
  .themes>.theme{flex-basis:100%}
  .wi{grid-template-columns:1fr}
  .qr-wrap{flex-direction:column;align-items:flex-start}
  .board{grid-template-columns:1fr}
  .note{font-size:23px}
}
.reply-box{margin-top:18px;padding:14px 16px;background:var(--note-p);box-shadow:0 10px 16px -12px rgba(40,20,5,.6)}
.reply-box blockquote{margin-top:6px;font:600 24px/1.25 'Caveat',cursive;white-space:pre-line;overflow-wrap:anywhere}
.settings .row3 .hint{grid-column:1/-1;margin:-8px 0 22px}
/* бланк: выбор упаковки */
.blk-hint{margin:-6px 0 16px;font-size:15px;color:var(--muted);max-width:760px}
.wraps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.wrap-opt{position:relative;display:block;padding:6px 6px 10px;background:#fff;cursor:pointer;box-shadow:0 10px 18px -12px rgba(40,20,5,.6);outline:3px solid transparent;outline-offset:3px;transition:outline-color .15s}
.wrap-opt:nth-child(odd){transform:rotate(-1deg)}
.wrap-opt:nth-child(even){transform:rotate(1deg)}
.wrap-opt input{position:absolute;opacity:0;pointer-events:none}
.wrap-opt img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.wrap-opt span{display:block;margin-top:8px;text-align:center;font-weight:600;font-size:14px;line-height:1.25}
.wrap-opt:has(input:checked){outline-color:var(--blue)}
.wrap-opt:has(input:focus-visible){outline-color:var(--red)}
@media (max-width:1100px){.wraps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.wraps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.foot .foot-op{margin-top:6px;font-size:13px}
.reply-box .share{margin:12px 0 14px}
.reply-box .share button{background:#fff}
.reply-box .chat{margin-bottom:10px;font-size:15px}

/* ---------- главная: первый экран — готовая открытка в телефоне и сообщение в чате ---------- */
h1 em{background:none;position:relative;white-space:nowrap}
h1 em::after{content:"";position:absolute;left:-3%;right:-3%;bottom:-.16em;height:.36em;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M5 14C62 7 128 4 196 8s82 7 99 3' fill='none' stroke='%23d8382c' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M22 21c70-6 150-8 236-4' fill='none' stroke='%23d8382c' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.hero .board{height:560px}
.phone{position:absolute;right:64px;top:4px;width:262px;margin:0;padding:10px;background:#1f1a16;border-radius:40px;box-shadow:0 34px 50px -22px rgba(40,20,5,.75),inset 0 0 0 2px #463d35;transform:rotate(4deg)}
.phone img{display:block;width:100%;height:auto;border-radius:31px}
.phone::after{content:"";position:absolute;left:50%;top:18px;width:72px;height:18px;margin-left:-36px;border-radius:10px;background:#1f1a16}
.chat-msg{position:absolute;left:0;top:92px;width:300px;padding:14px 16px 8px;background:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 20px 30px -16px rgba(40,20,5,.6);font:400 15px/1.45 'Golos Text',sans-serif;color:var(--ink);transform:rotate(-3deg);z-index:2}
.chat-msg b{display:block;font-size:13.5px;color:var(--blue);margin-bottom:3px}
.chat-msg u{display:block;margin-top:6px;color:var(--blue);word-break:break-all}
.chat-msg small{display:block;text-align:right;font-size:12px;color:var(--muted);margin-top:2px}
.n-count{left:44px;top:318px;width:220px;background:var(--note-y);transform:rotate(3deg);--pin:#2aa65c}
.hero .board .stk{left:auto;right:6px;top:400px;width:110px;height:110px}
.hero-mini{display:none}

/* ---------- карточка-каталожка вместо листа со скотчем ---------- */
.answer.card-idx{max-width:900px;padding-top:34px;background:#fffefa;transform:rotate(-.5deg)}
.answer.card-idx::before{left:0;right:0;top:18px;width:auto;height:2px;margin:0;background:rgba(216,56,44,.55);transform:none}

/* ---------- «Как сделать»: кадры на красной нитке ---------- */
.thread{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);align-items:start;margin-top:clamp(34px,4vw,54px)}
.thread-line{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.shot{position:relative;z-index:2}
.shot figure{position:relative;margin:0;padding:10px 10px 16px;background:#fff;box-shadow:0 18px 26px -16px rgba(40,20,5,.65);transform:rotate(var(--r,0deg))}
.shot:nth-of-type(1) figure{--r:-1.8deg}
.shot:nth-of-type(2) figure{--r:1.2deg;margin-top:26px;--pin:var(--blue)}
.shot:nth-of-type(3) figure{--r:-.6deg;margin-top:8px;--pin:#f2b705}
.shot:nth-of-type(4) figure{--r:2deg;margin-top:34px;--pin:#2aa65c}
.shot figure::before{content:"";position:absolute;left:50%;top:-9px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.75) 0 18%,transparent 19%),var(--pin,#d8382c);box-shadow:0 3px 4px rgba(0,0,0,.35);z-index:3}
.shot img{display:block;width:100%;height:auto;border:1px solid rgba(43,37,34,.08)}
.shot figcaption{padding:12px 4px 0}
.shot h3{font:700 27px/1.1 'Caveat',cursive;margin:0}
.shot p{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--muted)}

/* ---------- поводы: листки отрывного календаря и конверты с маркой ---------- */
.occ-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,38px) clamp(18px,2vw,30px);align-items:start;margin-top:clamp(28px,3vw,42px)}
.occ-cal,.occ-env{position:relative;display:block;color:var(--ink);box-shadow:0 18px 26px -16px rgba(40,20,5,.65);transform:rotate(var(--r,0deg));transition:transform .15s}
.occ-cal:hover,.occ-env:hover{color:var(--ink);transform:translateY(-3px) rotate(0deg)}
.occ-board>:nth-child(1){--r:-1.5deg}.occ-board>:nth-child(2){--r:1.8deg;margin-top:18px}.occ-board>:nth-child(3){--r:-.6deg}.occ-board>:nth-child(4){--r:2.4deg;margin-top:10px}
.occ-board>:nth-child(5){--r:.8deg}.occ-board>:nth-child(6){--r:-2deg;margin-top:14px}.occ-board>:nth-child(7){--r:1deg}.occ-board>:nth-child(8){--r:-1.2deg;margin-top:6px}
.occ-cal{background:#fffefa;padding:0 18px 18px;text-align:center}
.cal-head{display:block;height:30px;margin:0 -18px 12px;background:radial-gradient(circle,#f3ead9 0 5px,transparent 6px) 28% 9px/12px 12px no-repeat,radial-gradient(circle,#f3ead9 0 5px,transparent 6px) 72% 9px/12px 12px no-repeat,var(--red)}
.cal-day{display:block;font:800 64px/1 'Unbounded',sans-serif}
.cal-mon{display:block;font:600 12.5px/1.3 'PT Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:6px 0 12px}
.occ-cal b,.occ-env b{display:block;font:700 26px/1.1 'Caveat',cursive}
.occ-cal>span:last-child,.occ-env>span:last-child{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--muted)}
.occ-env{padding:28px 20px 18px;background:linear-gradient(to bottom right,transparent 49.6%,rgba(120,80,40,.16) 50%,transparent 50.6%) left top/50% 46% no-repeat,linear-gradient(to bottom left,transparent 49.6%,rgba(120,80,40,.16) 50%,transparent 50.6%) right top/50% 46% no-repeat,#e8d4b0}
.occ-env .stamp{position:absolute;right:14px;top:-10px;width:58px;height:68px;display:grid;place-items:center;background:#fff;border:2px dashed rgba(43,37,34,.3);transform:rotate(5deg);box-shadow:0 6px 10px -6px rgba(40,20,5,.5)}
.occ-env b{padding-right:66px;min-height:46px}
.occ-env .stamp img{width:42px;height:42px}

/* ---------- вопросы: памятка организатору ---------- */
.memo{position:relative;max-width:1180px;padding:clamp(28px,3.4vw,48px);background:#fffefa;box-shadow:var(--shadow);transform:rotate(.35deg)}
.memo::before{content:"";position:absolute;left:40px;top:-20px;width:20px;height:62px;border:3px solid #8a8f98;border-bottom-color:transparent;border-radius:12px;transform:rotate(-8deg)}
.memo-head{font:700 13px/1 'PT Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--red);padding-bottom:14px;border-bottom:2px solid var(--ink);margin-bottom:24px}
.memo-list{list-style:none;columns:2 380px;column-gap:clamp(28px,4vw,56px);counter-reset:q}
.memo-list li{break-inside:avoid;padding-bottom:22px;counter-increment:q}
.memo-list h3{font:700 17px/1.35 'Golos Text',sans-serif;margin:0}
.memo-list h3::before{content:counter(q) ". ";color:var(--red)}
.memo-list p{margin-top:6px;color:var(--muted);line-height:1.6}

@media (max-width:1100px){.thread,.occ-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
  .hero .board{height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 22px}
  .phone{display:none}
  .chat-msg,.n-count,.hero .board .stk{position:relative;left:auto;right:auto;top:auto}
  .hero-mini{display:block;float:right;width:min(36%,170px);margin:4px 0 12px 16px;padding:7px;background:#1f1a16;border-radius:24px;transform:rotate(3deg);box-shadow:0 16px 24px -14px rgba(40,20,5,.7)}
  .hero-mini img{display:block;width:100%;height:auto;border-radius:18px}
  .hero-act{clear:both}
}
@media (max-width:620px){
  .thread,.occ-board{grid-template-columns:minmax(0,1fr)}
  .shot figure,.occ-board>*{margin-top:0!important}
  .chat-msg{width:100%;max-width:330px}
}

/* ================= этап 2: Unbounded только в H1, ленты-заголовки, разные материалы и крепления ================= */
h2{font-family:'Golos Text',sans-serif;font-weight:800}
h3{font-family:'Golos Text',sans-serif;font-weight:700}
.blk legend,.faq summary,.feat b{font-family:'Golos Text',sans-serif}
.blk legend{font-weight:800}

/* заголовки секций — лента этикет-пистолета: белые выпуклые буквы на чёрной (иногда красной) глянцевой ленте */
.sec > h2,.sec-text > h2{display:inline-block;max-width:100%;padding:.46em .75em .38em;border:0;border-radius:3px;background:linear-gradient(180deg,#2e2e2e 0,#161616 52%,#0d0d0d 100%);color:#f1efe8;font:700 clamp(16px,1.75vw,23px)/1.3 'PT Mono',monospace;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 -1px 0 rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.2);box-shadow:0 8px 14px -8px rgba(0,0,0,.7);transform:rotate(-1deg)}
.sec:nth-of-type(odd) > h2,.sec-text:nth-of-type(even) > h2{transform:rotate(.6deg)}
.sec:nth-of-type(3n) > h2,.sec-text:nth-of-type(3n) > h2{background:linear-gradient(180deg,#d0412f 0,#b02c1f 52%,#951f15 100%)}

/* оформления: крепления у карточек разные, у одной никакого */
.themes>.theme:nth-child(2)::before,.themes>.theme:nth-child(6)::before{left:50%;top:-10px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.75) 0 18%,transparent 19%),var(--pin,#d8382c);box-shadow:0 3px 4px rgba(0,0,0,.35);transform:none}
.themes>.theme:nth-child(6){--pin:var(--blue)}
.themes>.theme:nth-child(3)::before{left:50%;top:-26px;width:54px;height:42px;margin-left:-27px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 42'%3E%3Cpath d='M16 24V8a11 11 0 0 1 22 0v16' fill='none' stroke='%23a3a9b1' stroke-width='3.2'/%3E%3Cpath d='M7 20h40l-4 20H11z' fill='%23181818'/%3E%3Cpath d='M9 23h36' stroke='%23555' stroke-width='2'/%3E%3C/svg%3E") no-repeat center/contain;box-shadow:none;transform:none}
.themes>.theme:nth-child(4)::before{left:-16px;top:8px;width:72px;height:22px;margin:0;transform:rotate(-38deg)}
.themes>.theme:nth-child(4)::after{content:"";position:absolute;right:-16px;top:8px;width:72px;height:22px;background:var(--tape);transform:rotate(38deg);z-index:2}
.themes>.theme:nth-child(5)::before{display:none}

/* «Чем удобнее бумажной» — тетрадный лист на пружине: слева бумажная открытка, справа онлайн */
.vs{position:relative;max-width:1180px;margin-top:clamp(28px,3vw,42px);padding:clamp(40px,4vw,56px) clamp(22px,3vw,44px) clamp(22px,3vw,34px) clamp(64px,6vw,96px);background:repeating-linear-gradient(transparent 0 31px,rgba(36,87,214,.14) 31px 32px) 0 22px,#fffefa;box-shadow:var(--shadow);transform:rotate(-.4deg)}
.vs::before{content:"";position:absolute;top:0;bottom:0;left:clamp(46px,4.6vw,72px);width:2px;background:rgba(216,56,44,.5)}
.vs::after{content:"";position:absolute;left:14px;right:14px;top:10px;height:14px;background:radial-gradient(circle,#c49a6c 0 5px,rgba(0,0,0,.2) 5.6px,transparent 6.6px) 0 0/30px 14px repeat-x}
.vs-head,.vs-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(16px,3vw,40px)}
.vs-head{font:700 clamp(24px,2.4vw,32px)/1 'Caveat',cursive;padding-bottom:10px}
.vs-head span:last-child{color:#1f7a45}
.vs-row{padding:12px 0;border-top:1.5px dashed rgba(43,37,34,.2)}
.vs-row p{position:relative;padding-left:32px;margin:0}
.vs-row .no{font:600 23px/1.25 'Caveat',cursive;color:#6f6255}
.vs-row .no::before{content:"✗";position:absolute;left:0;top:-1px;color:var(--red);font:700 24px/1 'Golos Text',sans-serif}
.vs-row .yes::before{content:"✓";position:absolute;left:0;top:-2px;color:#2aa65c;font:800 24px/1 'Golos Text',sans-serif}
.vs-row .yes b{display:block;font:700 17px/1.3 'Golos Text',sans-serif;margin-bottom:3px}
.vs-row .yes span{color:var(--muted);font-size:15px;line-height:1.5}

/* финальный призыв — записка на гвоздике, а не баннер во всю ширину */
.cta-strip{max-width:880px;margin-left:auto;margin-right:auto;background:var(--note-y);transform:rotate(-1.2deg);box-shadow:0 22px 30px -18px rgba(40,20,5,.7)}
.cta-strip::before{left:50%;top:-10px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.75) 0 18%,transparent 19%),#d8382c;box-shadow:0 3px 4px rgba(0,0,0,.35);transform:none}
.cta-strip p{font:700 clamp(26px,2.6vw,36px)/1.15 'Caveat',cursive}

/* страницы поводов и статьи: разделы из разной бумаги */
.sec-text.mat-card{transform:rotate(-.35deg)}
.sec-text.mat-card::before{left:50%;top:-10px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.75) 0 18%,transparent 19%),#d8382c;box-shadow:0 3px 4px rgba(0,0,0,.35);transform:none}
.sec-text.mat-note{padding-top:clamp(40px,4vw,56px);background:repeating-linear-gradient(transparent 0 31px,rgba(36,87,214,.12) 31px 32px) 0 22px,#fffefa;transform:rotate(.3deg)}
.sec-text.mat-note::before{display:none}
.sec-text.mat-note::after{content:"";position:absolute;left:14px;right:14px;top:10px;height:14px;background:radial-gradient(circle,#c49a6c 0 5px,rgba(0,0,0,.2) 5.6px,transparent 6.6px) 0 0/30px 14px repeat-x}
.sec-text.mat-clip{transform:rotate(-.2deg)}
.sec-text.mat-clip::before{left:46px;top:-24px;width:24px;height:64px;margin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 64'%3E%3Cpath d='M8 20V9a5 5 0 0 1 10 0v38a8 8 0 0 1-16 0V16' fill='none' stroke='%238a8f98' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;box-shadow:none;transform:rotate(-8deg)}
/* пожелания-примеры — кучка стикеров внахлёст, в основном жёлтых */
.wish-grid{display:flex;flex-wrap:wrap;gap:18px 0;margin:32px -4px 0}
.wish-ex{flex:1 1 230px;max-width:300px;margin:0 -5px;background:var(--note-y)}
.wish-ex:nth-child(4n+1){--r:-2deg}.wish-ex:nth-child(4n+2){--r:1.6deg;background:var(--note-y)}.wish-ex:nth-child(4n+3){--r:-.6deg;background:var(--note-y)}.wish-ex:nth-child(4n){--r:2.4deg;background:var(--note-y)}
.wish-ex:nth-child(5n+3){background:var(--note-p)}.wish-ex:nth-child(7n+5){background:var(--note-m)}
.wish-ex:hover{z-index:3}
/* пример открытки — в рамке с уголками скотча */
.frame{position:relative;max-width:1144px;margin-top:22px;padding:12px;background:#fff;box-shadow:0 22px 34px -20px rgba(40,20,5,.7);transform:rotate(-.5deg)}
.frame::before,.frame::after{content:"";position:absolute;top:-8px;width:90px;height:24px;background:var(--tape);z-index:2}
.frame::before{left:-22px;transform:rotate(-34deg)}
.frame::after{right:-22px;transform:rotate(34deg)}
.frame .pv-wide{margin-top:0;box-shadow:none;max-width:none}
.povod .sec-faq{padding-top:clamp(40px,4.4vw,64px)}
.sec-faq .memo{max-width:1000px}
/* ссылки на другие поводы — крафтовые бирки с дырочкой */
.other-links a,.other-links li:nth-child(n) a{position:relative;padding:10px 16px 10px 30px;background:#e8d4b0;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}
.other-links a::before{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fffefa;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.other-links li:nth-child(odd) a{transform:rotate(-1deg)}.other-links li:nth-child(3n) a{transform:rotate(1.2deg)}
@media (max-width:700px){.vs-head{display:none}.vs-head,.vs-row{grid-template-columns:minmax(0,1fr);gap:6px}.vs{padding-left:clamp(48px,12vw,60px)}.vs::before{left:34px}}
/* украшения у края (скотч по углам, гвоздики) не должны давать горизонтальную прокрутку на телефоне */
body{overflow-x:clip}