/* info.css — страницы 6–14 (заказ принят, кабинет, доставка, корпоративным, о нас, отзывы, статьи, документы, 404) in the S01 language:
   mono capitals for headings, [01] marks, lilac / powder surfaces with white silhouettes, 1px frames. */
.ihead { padding: calc(30 * var(--px)) 0 0; display: grid; grid-template-columns: 1fr 1.25fr; gap: calc(40 * var(--px)) calc(60 * var(--px)); align-items: end; }
.ihead__h { font-size: calc(60 * var(--px)); }
.ihead .lead { margin-top: calc(14 * var(--px)); }
.ihead--row { grid-template-columns: auto 1fr auto; align-items: end; }
.ihead--row .lead { margin: 0 0 6px; }
.ihead__act { grid-column: 1 / -1; display: flex; align-items: center; gap: calc(26 * var(--px)); }
.ihead__act .small { max-width: 44ch; }
.steps3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.steps3 li { border-top: 1px solid var(--ink); padding-top: calc(16 * var(--px)); display: grid; gap: 10px; font-size: calc(16 * var(--px)); }
.facts3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); margin-bottom: calc(40 * var(--px)); }
.facts3 p { display: flex; gap: 12px; align-items: flex-start; font-size: calc(16 * var(--px)); padding: calc(22 * var(--px)); border-radius: var(--r); background: var(--powder); }
.facts3 .mask-ico { color: var(--magenta); margin-top: 2px; }
.ztable { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.ztable__col { padding: calc(28 * var(--px)); border-right: 1px solid var(--line); }
.ztable__col:last-child { border-right: 0; }
.ztable h3 { margin-bottom: calc(16 * var(--px)); }
.ztable li { position: relative; padding: 8px 0 8px 18px; font-size: calc(15 * var(--px)); border-top: 1px dashed var(--line); }
.ztable li:first-child { border-top: 0; }
.ztable li::before { content: ""; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: var(--magenta); }
.pick2 { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--gap); }
.pick2__deal { min-height: calc(380 * var(--px)); }
.pick2__deal .h2 { font-size: calc(44 * var(--px)); max-width: 64%; }   /* «при самовывозе» in one line, left of the gift */
.pick2__deal p { max-width: 56%; }
.pick2__deal .sil { right: -4%; top: 6%; width: 38%; height: 92%; }    /* r1: 52% wide ran over the heading and the warning */
.pick2__pts { display: grid; gap: var(--gap); }
.pt { border: 1px solid var(--line); border-radius: var(--r); padding: calc(24 * var(--px)); display: grid; gap: 8px; align-content: start; }
.pt h3 { margin-top: 4px; }
.pays { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap); }
.pay { border-radius: var(--r); padding: calc(24 * var(--px)); background: var(--lilac); display: grid; gap: 10px; align-content: start; }
.pay:nth-child(even) { background: var(--powder); }
.pays__note { margin-top: calc(18 * var(--px)); }
.rules__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.rule { border-top: 1px solid var(--ink); padding-top: calc(18 * var(--px)); display: grid; gap: 10px; align-content: start; font-size: calc(15 * var(--px)); color: var(--ink-2); }
.rule h3 { color: var(--ink); }

/* hero with a wide photo (21:9 frames) and a white card over it */
.phero { position: relative; overflow: hidden; min-height: min(calc(620 * var(--px)), 76svh); display: flex; }
.phero__ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 55%; }
.phero__in { position: relative; z-index: 1; width: 100%; display: flex; flex-direction: column; padding-bottom: calc(50 * var(--px)); }
.phero .crumbs { padding-top: calc(20 * var(--px)); }
.phero__card { margin-top: auto; width: min(calc(640 * var(--px)), 52%); background: var(--white); border-radius: calc(18 * var(--px)); padding: calc(40 * var(--px)) calc(44 * var(--px));
  display: grid; gap: calc(18 * var(--px)); justify-items: start; }
.phero__card .h1 { font-size: calc(50 * var(--px)); }
.phero--about .phero__ph { object-position: 70% 50%; }
.ticks { display: grid; gap: 10px; }
.ticks li { position: relative; padding-left: 30px; font-size: calc(16 * var(--px)); line-height: 1.45; }
.ticks li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--lilac);
  background: no-repeat center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.5l4 4 9-9' fill='none' stroke='%235d2191' stroke-width='2.4'/%3E%3C/svg%3E"); }
.ticks--2 { grid-template-columns: 1fr 1fr; gap: 12px 30px; margin-top: 16px; }
.disc { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.disc__card { border-radius: var(--r); padding: calc(34 * var(--px)); display: grid; gap: 12px; align-content: start; }
.disc__card--lilac { background: var(--lilac); }
.disc__card--powder { background: var(--powder); }
.steps-tbl { display: grid; margin-top: 6px; }
.steps-tbl li { padding: calc(14 * var(--px)) 0; border-top: 1px solid rgba(42, 30, 51, .14); font: 300 calc(21 * var(--px))/1.2 var(--f-mono); }
.terms2 { display: grid; grid-template-columns: 1fr 1fr; gap: calc(60 * var(--px)); }
.svc { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: calc(30 * var(--px)) 0; display: grid; grid-template-columns: calc(300 * var(--px)) 1fr; gap: var(--gap); align-items: center; }
.svc ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.svc li { font: 300 calc(22 * var(--px))/1.2 var(--f-mono); text-transform: uppercase; }
.req { display: grid; grid-template-columns: 1fr 1.15fr; border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); }
.req__l { position: relative; overflow: hidden; background: var(--lilac); padding: calc(46 * var(--px)); display: grid; gap: 14px; align-content: start; }
.req__l > * { position: relative; z-index: 1; }
.req__l .sil { position: absolute; z-index: 0; right: -10%; bottom: -16%; width: 56%; height: 70%; transform: rotate(-10deg); }
.req__tel { font: 700 calc(24 * var(--px))/1.2 var(--f-text); margin-top: 6px; }
.req__r { padding: calc(46 * var(--px)); }
.ct { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: var(--gap); }
.ct__card { border: 1px solid var(--line); border-radius: var(--r); padding: calc(28 * var(--px)); display: grid; gap: 12px; align-content: start; }
.ct__card--lilac { background: var(--lilac); border-color: var(--lilac); }
.ct__rows { display: grid; gap: 12px; }
.ct__tel { font: 700 calc(22 * var(--px))/1.2 var(--f-text); }
.warr { display: grid; grid-template-columns: 1fr 1.3fr; gap: calc(60 * var(--px)); }
.warr__h { display: grid; gap: 14px; align-content: start; }
.warr__list { display: grid; gap: 0; }
.warr__list li { display: grid; grid-template-columns: calc(50 * var(--px)) 1fr; gap: 14px; padding: calc(18 * var(--px)) 0; border-top: 1px solid var(--line); font-size: calc(16 * var(--px)); }
.warr__more { margin-top: calc(20 * var(--px)); }
.req-line { display: grid; grid-template-columns: calc(300 * var(--px)) 1fr; gap: var(--gap); font-size: calc(14 * var(--px)); color: var(--ink-2); border-top: 1px solid var(--line); margin-top: var(--sec); padding-top: calc(24 * var(--px)); }

/* reviews, articles, documents */
.rvs { columns: 2; column-gap: var(--gap); padding-top: calc(46 * var(--px)); }
.rv { break-inside: avoid; border: 1px solid var(--line); border-radius: var(--r); padding: calc(24 * var(--px)); margin-bottom: var(--gap); display: grid; gap: 10px; font-size: calc(15 * var(--px)); }
.rv__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.rv__top b { font: 400 calc(17 * var(--px))/1.2 var(--f-mono); text-transform: uppercase; }
.rv__ans { padding: 12px 14px; border-radius: 10px; background: var(--pill); font-size: calc(14 * var(--px)); color: var(--ink-2); }
.arts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); padding-top: calc(46 * var(--px)); }
.art { border: 1px solid var(--line); border-radius: var(--r); padding: calc(26 * var(--px)); display: grid; gap: 12px; align-content: start; transition: transform .3s var(--ease); }
.art:hover { border-color: var(--violet); transform: translateY(-2px); }
.art p { font-size: calc(14.5 * var(--px)); color: var(--ink-2); }
.art .more { margin-top: 6px; }
.doc { max-width: calc(820 * var(--px)); padding-top: calc(30 * var(--px)); }
.doc__head { display: grid; gap: 12px; margin-bottom: calc(28 * var(--px)); }
.doc__body { display: grid; gap: 14px; font-size: calc(16 * var(--px)); line-height: 1.65; color: #3d3445; }
.doc__body h2 { margin-top: calc(18 * var(--px)); color: var(--ink); scroll-margin-top: calc(var(--hdr) + 20px); }
.doc__foot { margin-top: calc(40 * var(--px)); display: flex; align-items: center; gap: calc(26 * var(--px)); }
.docs { display: grid; grid-template-columns: calc(300 * var(--px)) 1fr; gap: calc(60 * var(--px)); align-items: start; }
.docs__nav { position: sticky; top: calc(var(--hdr) + 24px); display: grid; gap: 4px; padding-top: calc(36 * var(--px)); max-height: calc(100svh - var(--hdr) - 40px); overflow: auto; }
.docs__nav > a { padding: 8px 12px; border-radius: 999px; font-size: calc(14.5 * var(--px)); }
.docs__nav > a.on { background: var(--lilac); font-weight: 600; }
.docs__nav .tag { margin: 0 0 8px; }
.docs__toc-h { margin-top: 18px !important; }
.docs__toc { display: grid; gap: 2px; }
.docs__toc a { font-size: calc(13 * var(--px)); color: var(--ink-2); padding: 4px 12px; }
.docs__toc a:hover { color: var(--violet); }

/* done, account */
.done { position: relative; min-height: calc(100svh - var(--util) - var(--hdr)); display: flex; align-items: center; overflow: hidden; }
.done__ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% 50%; }
.done__in { position: relative; z-index: 1; width: 100%; padding-block: calc(50 * var(--px)); }
.done__card { width: min(calc(660 * var(--px)), 55%); background: var(--white); border-radius: calc(18 * var(--px)); padding: calc(44 * var(--px)); display: grid; gap: calc(18 * var(--px)); }
.done__lead { color: var(--ink-2); }
.done__steps { display: grid; gap: 0; }
.done__steps li { display: grid; grid-template-columns: calc(52 * var(--px)) 1fr; gap: 12px; align-items: baseline; padding: calc(14 * var(--px)) 0; border-top: 1px solid var(--line); }
.done__n { font: 400 calc(14 * var(--px))/1 var(--f-mono); color: var(--magenta); }
.done__act { display: flex; gap: 12px; flex-wrap: wrap; }
.done__tel { display: flex; gap: calc(40 * var(--px)); }
.done__tel a { font: 700 calc(18 * var(--px))/1.3 var(--f-text); }
.acct { display: grid; grid-template-columns: calc(460 * var(--px)) 1fr; gap: calc(80 * var(--px)); padding-top: calc(30 * var(--px)); align-items: start; }
.acct__in { display: grid; gap: 16px; }
.acct__form { display: grid; gap: 14px; margin-top: 8px; }
.acct__links { font-size: calc(14 * var(--px)); }
.acct__note { max-width: 40ch; }
.acct__orders { display: grid; gap: 16px; align-content: start; padding: calc(36 * var(--px)); border-radius: var(--r); background: var(--powder); min-height: calc(360 * var(--px)); }
.orders { display: grid; gap: 14px; }
.order { background: var(--white); border-radius: 12px; padding: calc(20 * var(--px)); display: grid; gap: 12px; }
.order__top, .order__bot { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.order__lines { display: grid; gap: 8px; }
.order__l { display: grid; grid-template-columns: calc(48 * var(--px)) 1fr; gap: 10px; align-items: center; font-size: calc(14 * var(--px)); }
.order__l .card__ph { aspect-ratio: 1; border-radius: 6px; }

/* 404 */
.nf__in { position: relative; overflow: hidden; min-height: calc(100svh - var(--util) - var(--hdr)); display: flex; align-items: center; background: var(--lilac); }
.nf__box { position: relative; z-index: 1; display: grid; gap: calc(18 * var(--px)); justify-items: center; text-align: center; width: 100%; padding-block: calc(60 * var(--px)); }
.nf__search { position: relative; width: min(calc(520 * var(--px)), 80vw); margin-top: 8px; }
.nf__search .inp { padding-left: 44px; border-radius: 999px; height: calc(54 * var(--px)); border-color: transparent; }
.nf__search .ico { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }
.nf__act { display: flex; gap: 12px; }
.nf__chips { justify-content: center; max-width: calc(760 * var(--px)); }
.nf__s1 { width: calc(260 * var(--px)); height: calc(420 * var(--px)); left: 6%; top: 8%; transform: rotate(-12deg); }
.nf__s2 { width: calc(340 * var(--px)); height: calc(360 * var(--px)); right: 4%; bottom: -6%; transform: rotate(9deg); }
.nf__s3 { width: calc(240 * var(--px)); height: calc(380 * var(--px)); left: 22%; bottom: -14%; transform: rotate(14deg); }