#cw-checkout{position:fixed;inset:0;z-index:2147483647;display:none;place-items:center;padding:14px;background:rgba(35,17,8,.66);backdrop-filter:blur(6px)}#cw-checkout.is-open{display:grid}.cw-dialog{display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(100dvh - 28px);overflow:hidden;border-radius:24px;background:#fff8f0;color:#432415;box-shadow:0 28px 90px rgba(23,10,4,.42);animation:cw-in .3s ease both}.cw-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #edd5ba;background:linear-gradient(115deg,#fff6ea,#f1c18e)}.cw-top h2{margin:0;font:600 24px Georgia,serif}.cw-close{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#6b361d;font-size:26px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.cw-close:hover{transform:scale(1.07);background:#fff8f1;box-shadow:0 5px 14px rgba(91,45,20,.18)}.cw-close:focus-visible{outline:3px solid rgba(167,92,44,.38);outline-offset:2px}.cw-body{overflow-y:auto;padding:18px 24px 16px}.cw-steps{display:flex;align-items:center;gap:8px;margin:0 0 18px}.cw-step{display:flex;align-items:center;gap:7px;font:600 13px Arial,sans-serif;color:#9b806a}.cw-step b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ead7c5;color:#8a5a3d;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}.cw-step.active b{transform:scale(1.06);box-shadow:0 0 0 4px rgba(128,69,31,.12)}.cw-step.active,.cw-step.done{color:#5c301c}.cw-step.active b,.cw-step.done b{background:#80451f;color:#fff}.cw-line{height:2px;flex:1;background:#ead7c5;transition:background-color .3s ease}.cw-step.done+.cw-line{background:#80451f}.cw-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:20px;border:1px solid #efd9c0;border-radius:15px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cw-summary:hover{transform:translateY(-1px);border-color:#dfb991;box-shadow:0 9px 22px rgba(91,45,20,.08)}.cw-summary img{width:48px;height:48px;object-fit:cover;border-radius:10px;background:#f4e2ce}.cw-summary-main{flex:1;min-width:0}.cw-summary-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 16px Georgia,serif}.cw-summary-main span{font:13px Arial,sans-serif;color:#8a6a55}.cw-qty{display:flex;align-items:center;gap:7px}.cw-qty button{width:28px;height:28px;border:1px solid #d8b99b;border-radius:8px;background:#fff;color:#754a0b;font-size:18px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.cw-qty button:hover{transform:translateY(-1px);border-color:#a75c2c;background:#fff5ea;box-shadow:0 4px 10px rgba(115,66,31,.12)}.cw-qty button:active{transform:translateY(0) scale(.95)}.cw-qty button:focus-visible,.cw-remove:focus-visible{outline:3px solid rgba(167,92,44,.3);outline-offset:2px}.cw-remove{border:0;background:transparent;color:#a25035;cursor:pointer;font-size:13px;transition:color .18s ease,transform .18s ease}.cw-remove:hover{color:#74321e;transform:translateX(2px)}.cw-section{animation:cw-slide .25s ease both}.cw-section h3{margin:0 0 8px;font:600 21px Georgia,serif}.cw-note{margin:0 0 18px;color:#806a5a;font:14px/1.45 Arial,sans-serif}.cw-label{display:block;margin:14px 0 6px;font:600 13px Arial,sans-serif;color:#5d3420}.cw-input{width:100%;padding:13px 14px;border:1px solid #e2c8ae;border-radius:12px;background:#fffdfb;color:#422314;font:16px Arial,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.cw-input:hover{border-color:#cfaa87;background:#fff}.cw-input:focus{border-color:#a75c2c;background:#fff;box-shadow:0 0 0 3px rgba(167,92,44,.13)}.cw-field{position:relative}.cw-suggestions{position:absolute;z-index:2;left:0;right:0;top:calc(100% + 5px);overflow:hidden;border:1px solid #ead6c0;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(70,36,18,.16)}.cw-choice{display:block;width:100%;padding:10px 13px;border:0;border-bottom:1px solid #f2e4d6;background:#fff;text-align:left;cursor:pointer;transition:padding-left .18s ease,background-color .18s ease}.cw-choice:hover,.cw-choice:focus-visible{padding-left:17px;background:#fff5e9;outline:none}.cw-choice small{display:block;margin-top:2px;color:#9c9c9c}.cw-pickup{margin-top:16px;padding:13px;border-radius:12px;background:#fff0df;font:14px/1.45 Arial,sans-serif;transition:box-shadow .2s ease,background-color .2s ease}.cw-pickup:hover{background:#ffead4;box-shadow:0 6px 16px rgba(115,66,31,.08)}.cw-pickup input{accent-color:#80451f}.cw-np{position:relative;margin-top:14px;padding:16px;border-radius:14px;background:linear-gradient(90deg,rgba(255,248,240,.96),rgba(255,248,240,.84)),url('/media/nova-poshta.jpg') center/cover;transition:box-shadow .2s ease,transform .2s ease}.cw-np:focus-within{transform:translateY(-1px);box-shadow:0 10px 24px rgba(115,66,31,.12)}.cw-np:after{content:'Нова пошта';position:absolute;right:12px;top:13px;color:#d21e20;font:600 11px Arial,sans-serif}.cw-date{margin-top:16px}.cw-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cw-payment{min-height:88px;padding:12px;border:2px solid #ead5be;border-radius:14px;background:#fff;text-align:left;color:#4a2b1b;cursor:pointer;font:600 14px Georgia,serif;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.cw-payment:hover{transform:translateY(-2px);border-color:#c7966c;background:#fffaf5;box-shadow:0 9px 20px rgba(91,45,20,.1)}.cw-payment:focus-visible{outline:3px solid rgba(167,92,44,.3);outline-offset:2px}.cw-payment:active{transform:translateY(0) scale(.985)}.cw-payment small{display:block;margin-top:7px;color:#917461;font:12px Arial,sans-serif}.cw-payment.selected{border-color:#874820;background:#fff1e2;box-shadow:0 0 0 3px rgba(135,72,32,.12)}.cw-actions{position:sticky;bottom:-16px;display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding:12px 0 16px;background:#fff8f0;border-top:1px solid #f0deca}.cw-actions button{min-height:46px;padding:0 18px;border-radius:12px;font:600 15px Arial,sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.cw-actions button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(91,45,20,.16)}.cw-actions button:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:none}.cw-actions button:focus-visible{outline:3px solid rgba(167,92,44,.35);outline-offset:3px}.cw-back{border:1px solid #d9bda3;background:#fff;color:#704125}.cw-back:hover{border-color:#a87954;background:#fffaf5}.cw-next{border:0;background:#754a0b;color:#fff}.cw-next:not(:disabled):hover{background:#8b5716}.cw-next:disabled{opacity:.5;cursor:not-allowed}.cw-consent{display:flex;gap:8px;margin-top:16px;font:12px/1.4 Arial,sans-serif;color:#826b5c}.cw-consent input{margin-top:2px;accent-color:#80451f}.cw-thanks{text-align:center;padding:26px 8px}.cw-thanks h3{font:600 27px Georgia,serif}.cw-thanks p{color:#785f4f;font:15px/1.5 Arial,sans-serif}@media (prefers-reduced-motion:reduce){.cw-dialog,.cw-section{animation:none}.cw-close,.cw-step b,.cw-summary,.cw-qty button,.cw-remove,.cw-input,.cw-choice,.cw-pickup,.cw-np,.cw-payment,.cw-actions button{transition:none}}@keyframes cw-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes cw-slide{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@media(max-width:560px){#cw-checkout{padding:8px}.cw-dialog{max-height:calc(100dvh - 16px);border-radius:18px}.cw-top,.cw-body{padding-left:16px;padding-right:16px}.cw-step{font-size:0}.cw-step b{font-size:13px}.cw-summary{align-items:flex-start}.cw-payments{grid-template-columns:1fr}.cw-payment{min-height:56px}.cw-payment small{display:inline;margin:0 0 0 6px}}