.ahc{max-width:1180px;margin:35px auto;font-family:Poppins,Arial,sans-serif;color:#382124}.ahc *{box-sizing:border-box}.ahc header{padding:28px 32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#fff7e8,#fff);border:1px solid #ead7b3;border-radius:24px 24px 0 0}.ahc header small{font-size:9px;letter-spacing:3px;font-weight:800;color:#bd8a29}.ahc h2{font:700 31px Georgia;margin:7px 0}.ahc h2 em{color:#861c27;font-style:normal}.ahc header p{font-size:11px;color:#826d68;margin:0}.ahc header>b{background:#68121c;color:#f2c55a;padding:12px 16px;border-radius:12px;font:700 15px Georgia}.ahc header>b span{font:500 8px Poppins;color:#fff0cf}.steps{height:52px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #ead7b3;border-top:0;background:#fff}.steps span{font-size:9px;font-weight:800;color:#8c746e}.steps span:first-child{color:#68121c}.steps i{width:50px;height:1px;background:#e1cfaf}.body{display:grid;grid-template-columns:1.5fr .9fr;border:1px solid #ead7b3;border-top:0;border-radius:0 0 24px 24px;overflow:hidden;background:#fff;box-shadow:0 18px 55px #4d24130f}.body main{padding:25px}.step{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #f0e5d3}.step:last-child{border:0;margin:0}.step h3{font:700 18px Georgia;color:#5f252a}.step h3:first-letter{color:#b78629}.step h3 span{margin-left:8px}.crafts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.craft{border:1px solid #e5d5ba;background:#fffaf1;border-radius:13px;padding:11px;text-align:left;cursor:pointer;min-height:88px}.craft.active{border:2px solid #c69635;background:#fff6e3}.craft strong{display:block;font-size:24px}.craft b{display:block;font-size:10px}.craft small{font-size:8px;color:#8e7771}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opts label{font-size:9px;font-weight:800}.opts label.wide{grid-column:1/-1}.opts select,.opts input,.opts textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #dfcfb3;border-radius:9px;background:#fff;font:500 10px Poppins}.opts small{font-weight:500;color:#927b74}.body aside{padding:22px;background:linear-gradient(150deg,#fff9ee,#f7e9d7);border-left:1px solid #ead7b3}.live{font-size:9px;letter-spacing:2px;font-weight:900;color:#a57929;display:flex;justify-content:space-between}.reset{border:0;background:none;font-size:9px;color:#876d67;cursor:pointer}.preview{height:325px;margin-top:10px;border:7px solid #9e722b;border-radius:18px;background:radial-gradient(circle,#fff,#f3dfbc);position:relative;text-align:center;padding-top:25px;overflow:hidden;box-shadow:0 15px 35px #4d241322}.preview>span{color:#a9782c}.preview>strong{display:block;font:700 30px Georgia;color:#751621}.preview>small{font-size:7px;letter-spacing:2px}.pic{position:absolute;left:50%;top:92px;transform:translateX(-50%);width:175px;height:150px;border-radius:50%;background:center/cover no-repeat;border:2px solid #c89b49}.pname{position:absolute;bottom:38px;left:12px;right:12px;font:700 15px Georgia;color:#6b1520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmeta{position:absolute;bottom:18px;left:10px;right:10px;font-size:8px;color:#755d52}.sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.sum div{background:#fff;border:1px solid #eadbc2;border-radius:9px;padding:8px;font-size:7px;color:#9a8179}.sum b{display:block;font-size:10px;color:#5c2b30}.price{display:flex;justify-content:space-between;align-items:end;padding:13px 0;font-size:9px;color:#8a706a}.price strong{font:700 24px Georgia;color:#6d121b}.add{width:100%;border:0;border-radius:10px;padding:14px;background:linear-gradient(135deg,#8c1d29,#5e0b13);color:white;font:800 10px Poppins;cursor:pointer}.add:disabled{opacity:.6}.msg{text-align:center;min-height:20px;font-size:9px;color:#70433e}.msg a{color:#72151e;font-weight:800}.note{display:block;text-align:center;font-size:8px;color:#99817a}@media(max-width:850px){.body{grid-template-columns:1fr}.body aside{border-left:0;border-top:1px solid #ead7b3}.crafts{grid-template-columns:1fr 1fr}.ahc header>b{display:none}}@media(max-width:550px){.ahc{margin:15px 7px}.ahc header{padding:20px}.ahc h2{font-size:24px}.body main{padding:17px}.opts{grid-template-columns:1fr}.opts label.wide{grid-column:auto}.steps{gap:5px}.steps i{width:15px}}