:root{color-scheme:light;--ink:#542c22;--red:#9c3434;--peach:#f3d2b9;--paper:#fffaf0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Georgia,'PingFang SC','Microsoft YaHei',sans-serif}main{max-width:1100px;margin:auto;padding:40px 24px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px}aside{align-self:start;position:sticky;top:30px}aside img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 40px #542c2210}header{padding:0 0 24px;border-bottom:2px solid var(--peach)}h1{font:italic bold 48px/1.15 Georgia,serif;margin:8px 0;color:#632d1d}.eyebrow{font-size:14px;letter-spacing:.06em;color:var(--red)}.subtitle{font-size:22px;margin:10px 0}header p{margin:6px 0}h2{font-size:21px;margin:26px 0 8px;font-weight:600}h2 span{display:inline-grid;place-items:center;border:1px solid var(--red);border-radius:50%;width:28px;height:28px;color:var(--red);font-size:17px}h2 small{font-size:14px;font-weight:400}.hint{font-size:14px;color:#775d50;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cake{overflow:hidden;background:#fffdfa;border:1px solid #e6c8b2;border-radius:16px}.photo{aspect-ratio:1.4;height:auto;overflow:hidden;position:relative}.photo img{position:absolute;width:226%;max-width:none;height:auto;left:var(--left);top:var(--top)}.cakebody{padding:12px}.cake h3{font-size:17px;line-height:1.3;margin:0}.cake p{margin:3px 0 10px;font-size:14px}.price{color:var(--red);font-size:19px}.counter{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px}.counter button{width:44px;height:44px;border:1px solid #c8a08a;background:#fff7e8;color:var(--ink);border-radius:50%;font-size:23px;cursor:pointer}.counter button:disabled{opacity:.4;cursor:default}.counter output{font:600 19px Arial,sans-serif}button,input,select{font:inherit}label{display:block;margin:15px 0 6px;font-size:16px}input,select{display:block;width:100%;padding:13px;border:1px solid #bb9c88;border-radius:8px;background:#fffefa;color:var(--ink);font-size:16px}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #718455;outline-offset:3px}.collection{background:#f4ead7;border-left:3px solid #879462;padding:12px 16px}.summary{margin-top:28px;border-top:2px solid var(--peach)}.summaryline{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #bd9980;margin-top:16px;padding:16px 0}.total strong{font:700 30px Georgia}.submit{width:100%;min-height:64px;background:#446440;color:white;border:0;border-radius:10px;cursor:pointer;font-weight:bold;font-size:18px}.submit small{font-size:14px;font-weight:normal}#error{color:#a01e1e}#status{color:#446440}details{border-top:1px solid #e6c8b2;padding-top:14px;font-size:14px}summary{cursor:pointer;font-size:16px}.payment{width:210px;max-width:100%;display:block;margin:auto}a{color:#7c3830}footer{text-align:center;margin-top:30px;padding:25px 10px;background:#f7e0d1;border-radius:50% 50% 0 0/12% 12% 0 0;font-size:16px}footer small{font-size:14px}@media(max-width:760px){main{display:block;padding:20px 16px;max-width:550px}aside{display:none}header{background-image:url('assets/cakes.png');background-size:600px auto;background-position:left top;background-repeat:no-repeat;padding:20px 12px 24px}header>*{background:#fffaf0eb;width:fit-content}h1{font-size:42px}h2 small{display:block;margin-left:35px}.cakebody{padding:10px}.cake h3{font-size:16px}}@media(max-width:350px){.grid{grid-template-columns:1fr}h1{font-size:34px}}

/* Original customer photos, framed without altering cake appearance. */
.photo{aspect-ratio:4/3;background:#f1e1cc}.photo img{position:static;width:100%;height:100%;display:block;object-fit:cover;max-width:100%}.cake{box-shadow:0 3px 12px #542c2208}.cakebody{padding:14px}aside img{aspect-ratio:4/5;object-fit:cover;object-position:50% 48%;border:8px solid #fffcf5;outline:1px solid #e6c8b2;margin-top:15px}aside h1{font-size:44px}textarea{font:inherit;font-size:16px;display:block;width:100%;padding:13px;color:var(--ink);background:#fffefa;border:1px solid #bb9c88;border-radius:8px;resize:vertical}textarea:focus{outline:3px solid #718455;outline-offset:3px}label small{font-size:14px;color:#775d50}@media(max-width:760px){header{background-image:none;border-top:5px solid #edcfb7;border-radius:18px 18px 0 0;background:#fff5e5}header>*{background:transparent}.cakebody{padding:10px}}

.photo{aspect-ratio:1;position:relative}.photo img.quadrant{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill}.photo img.quadrant.q0{left:0;top:0}.photo img.quadrant.q1{left:-100%;top:0}.photo img.quadrant.q2{left:0;top:-100%}.photo img.quadrant.q3{left:-100%;top:-100%}aside img{aspect-ratio:1;object-fit:contain;border-radius:20px}.payment-section{margin-top:28px;border-top:2px solid var(--peach);padding:12px 0}.payment-section p{font-size:15px}.payment{width:360px;max-width:100%;height:auto;border:8px solid white;border-radius:14px}.saveqr{display:block;text-align:center;border:1px solid #c09a80;background:#fff1df;padding:13px 8px;border-radius:9px;font-size:16px;font-weight:600;text-decoration:none;margin:15px 0}header{border-bottom:3px solid #eed0b2}h1{font-family:'Brush Script MT','Apple Chancery',Georgia,serif;font-style:italic}.subtitle{background:#f6e1b5;width:fit-content;padding:3px 12px;border-radius:35% 5% 30% 7%}.cake{border-radius:18px 18px 12px 12px;background:#fffdf7}aside .subtitle{font-size:19px}