:root{font-family:Arial,sans-serif;color:#242520;background:#f5f4f0;line-height:1.55;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:24px}header,.brand{display:flex;align-items:center;gap:14px}header{justify-content:space-between;margin-bottom:22px}.brand img{object-fit:contain;background:white;border-radius:50%}.brand strong{display:block;font-size:22px}.brand span{font-size:12px;letter-spacing:2px}a{color:#34513b}h1{font-size:30px;line-height:1.2;margin:0 0 18px}h2{font-size:23px;margin:0 0 16px}p{margin:14px 0}.test-note{font-size:14px;background:#eef3ec;border:1px solid #ccd8c7;border-radius:10px;padding:14px 18px}nav{display:flex;margin:28px 0;gap:10px}nav span{flex:1;border-bottom:3px solid #deded6;padding:10px;color:#767a70;font-size:14px}nav [aria-current]{border-color:#355a40;color:#263e2e;font-weight:bold}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}article{padding:28px;background:white;border:1px solid #deded6;border-radius:18px;min-width:0}.form-card{max-width:760px;margin:auto}label{display:block;font-weight:bold;margin:12px 0}input,select{display:block;width:100%;padding:13px;border:1px solid #bfc5ba;border-radius:8px;font:inherit;margin-top:6px;min-width:0}button,.button{font:inherit;font-weight:bold;padding:13px 20px;border:1px solid #cbd0c5;background:white;border-radius:9px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:#273f2e;color:white;border-color:#273f2e}.primary:hover:not(:disabled){background:#3b5b43}.bag>.primary,#pay{width:100%}.muted{font-size:14px;color:#62685f;font-weight:normal}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap}.row,.total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #eceee8}.row>div{min-width:0;overflow-wrap:anywhere}.row input{width:78px}.row small{display:block}.total{font-size:21px;border-bottom:0;border-top:1px solid #d8ded2}#catalog{max-height:530px;overflow:auto;margin-top:16px}#message:not(:empty){border:1px solid #d5bd9d;background:#fff8ed;padding:15px;border-radius:10px}#card-container{min-height:120px;margin:24px 0}address{font-style:normal;background:#f6f7f3;padding:18px;border-radius:10px;overflow-wrap:anywhere}footer{text-align:center;padding:36px 0;font-size:14px;color:#61685c}.eyebrow{letter-spacing:2px;font-size:13px;color:#3c6147;font-weight:bold}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #68a97d;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){main{padding:16px}.layout{grid-template-columns:1fr}article{padding:20px}h1{font-size:27px}.brand strong{font-size:19px}header>a{font-size:14px}nav span{font-size:13px;padding:8px 0}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}