body{padding-bottom:0}.custom-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #f0e9e8}.custom-header a{color:#826d77;text-decoration:none;font-size:13px}.custom-header b{font-family:"Playfair Display";font-size:18px}.custom-header span{font-size:11px;color:#a18e96}.customizer{max-width:1000px;margin:auto}.mug-preview{background:linear-gradient(145deg,#ece6f5,#f8e6e6,#e2f0f2);min-height:370px;padding:35px;display:grid;place-items:center;position:relative;text-align:center}.preview-tag{position:absolute;top:20px;left:20px;text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#986e7a}.mug-3d{height:210px;width:160px;background:#fff;border-radius:10px 10px 38px 38px;position:relative;box-shadow:16px 11px 0 #cbbbc2;display:grid;place-items:center}.mug-3d:after{content:"";height:67px;width:45px;border:19px solid #fff;border-left:0;border-radius:0 37px 37px 0;position:absolute;right:-47px;top:61px;z-index:0}.mug-3d i{position:absolute;top:-12px;height:34px;width:100%;border:5px solid #eee5e5;border-radius:50%;z-index:2}.print-area{position:relative;z-index:1;width:118px;height:126px;background:#f7e5e8;display:grid;place-items:center;overflow:hidden}.print-area img{width:100%;height:100%;object-fit:cover;display:none}.print-area span{font:20px/1.08 "Playfair Display";color:#cd8698}.mug-preview small{position:absolute;bottom:17px;color:#816e77;font-size:10px}.custom-options{padding:31px 22px 38px}.step{display:flex;gap:12px;align-items:start}.step>span,.summary>span{color:#c98698;font-weight:700;font-size:13px}.custom-options h1{font-size:29px}.step p{font-size:13px;color:#766d78;margin:7px 0 26px}.upload{border:1.5px dashed #d6b7c0;border-radius:14px;min-height:94px;display:flex;align-items:center;gap:10px;padding:16px;color:#7e606c;cursor:pointer}.upload input{display:none}.upload>span{width:36px;height:36px;border-radius:50%;background:#f7e2e6;display:grid;place-items:center;font-size:23px}.upload b{font-size:13px}.upload small{margin-left:auto;font-size:10px;color:#a08d94}.field-label{display:block;font-size:12px;font-weight:700;margin:23px 0 8px}.custom-options textarea{width:100%;height:72px;border:1px solid #eadfe0;border-radius:12px;padding:12px;font:14px "DM Sans";resize:none;color:#3e3545}.colors{display:flex;gap:12px}.color{height:31px;width:31px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color.selected{outline:2px solid #ba798a;outline-offset:2px}.continue{margin-top:28px;width:100%;justify-content:center}.summary{margin:0 22px 38px;padding:25px;border-radius:18px;background:#f8e7e9}.summary h2{font-size:25px;margin:8px 0}.summary p{font-size:13px;line-height:1.5;color:#695b62}.summary a{font-size:13px;color:#a66376;font-weight:700;text-decoration:none}@media(min-width:760px){.customizer{display:grid;grid-template-columns:1fr 1fr}.mug-preview{min-height:calc(100vh - 64px);position:sticky;top:64px}.custom-options{padding:70px 55px}.summary{grid-column:2;margin:0 55px 55px}.mug-3d{transform:scale(1.3)}}