.c-pair{width:100%;max-width:460px;height:380px;margin:0 auto;position:relative}.c-front,.c-back{aspect-ratio:5/7;border-radius:4px;width:54%;position:absolute;box-shadow:0 18px 36px #00000061}.c-front{top:10px;left:0;transform:rotate(-6deg)}.c-back{color:#2a2a35;text-align:center;background:#fffdf8;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:10% 8% 12%;display:flex;top:30px;right:0;transform:rotate(4deg)}.c-back .c-heart{color:var(--a);margin-top:10%;margin-bottom:auto;font-size:26px}.c-back p{color:#77707a;margin:0;font-size:12px}.c-back b{font:400 18px/1.2 var(--display)}.c-back span:not(.c-heart){color:#77707a;font-size:11px}.c-back small{color:#77707a;max-width:22ch;margin-top:10px;font-size:10.5px}@media (max-width:860px){.c-pair{height:320px}}.c-sum{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}@media (max-width:820px){.c-sum{grid-template-columns:minmax(0,1fr);gap:20px}}.c-receipt{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 24px;box-shadow:0 24px 50px -28px #161e3c59}.c-receipt>div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:16px;padding:16px 0;font-size:17px;display:flex}.c-receipt>div>span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.c-receipt em{color:var(--muted);font-size:14px;font-style:normal}.c-receipt .total{font:400 24px var(--display);color:var(--a);border-bottom:0}.c-receipt .total>span:last-child{font-weight:400}.c-empty{max-width:60ch;font-size:17px}.c-list{margin:0;padding:0;list-style:none;display:grid}.c-list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:20px 0;display:flex}.c-list li>div{gap:2px;max-width:60ch;display:grid}.c-list b{font:400 22px var(--display)}.c-list p{margin:6px 0 0}