/* Object preview controls; the existing tee form and checkout keep their IDs and sizing. */
.maker-page [hidden]{display:none!important}
.maker-page #tee-fields{display:contents;border:0;margin:0;padding:0;min-width:0}
.maker-page .notice{display:none}
.maker-page .header{height:76px;min-height:0}
.maker-page main.shell{padding-top:37px}
.maker-page .custom-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 30px;padding:0}
.maker-page .custom-head h1{font:normal 43px/1.1 Georgia,serif;letter-spacing:-1.6px;margin:0}
.maker-page .custom-head p{font:12px/1.5 Arial,sans-serif;color:#62675a;margin:0}
.maker-setup{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;padding:24px 0 28px;border-block:1px solid #c8c9ba;margin-bottom:31px}
.maker-page .setup-label,.maker-page .design-choice-wrap>label{font:12px/1.4 Arial,sans-serif;color:#62675a;margin:0 0 10px;display:block}
.object-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.maker-page .object-choices button{display:block;min-height:65px;text-align:left;padding:10px 13px;border:1px solid #c8c9ba;border-radius:0;background:transparent;color:#262821;letter-spacing:0}
.object-choices button strong{font:normal 17px/1.2 Georgia,serif;display:block}
.object-choices button span{font:10px/1.3 Arial,sans-serif;display:block;color:#62675a;margin-top:5px}
.maker-page .object-choices button[aria-pressed=true]{background:#262821;color:#f6f4ec;border-color:#262821}
.object-choices button[aria-pressed=true] span{color:#d5d7cb}
.object-choices button:disabled{opacity:.5;cursor:not-allowed}
.design-choice-wrap{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.maker-page .design-choice-wrap select{font:14px/normal Arial,sans-serif;height:44px;min-height:44px;padding:8px 24px 8px 8px;width:100%;min-width:0;border-radius:0;background-color:transparent;color:#262821;border:1px solid #c8c9ba}
.maker-page .preview-wrap{background:#e8e5dc;padding:23px 25px 16px;min-width:0;align-self:start}
.object-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.maker-page .object-preview-heading h2{font:normal 20px/1.2 Georgia,serif;letter-spacing:-.4px;margin:0}
.object-preview-heading>span{font:10px/1.5 Arial,sans-serif;color:#62675a;white-space:nowrap}
.maker-page #preview-stage,.maker-page #mug-preview{height:440px;min-height:0;margin:6px 0 10px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}
.maker-page #preview-stage svg,.maker-page #mug-preview img{width:100%;height:100%;max-height:100%;object-fit:contain}
.maker-page .preview-toolbar{padding:0;min-height:0}
.maker-page .object-preview-note{font:10px/1.5 Arial,sans-serif;color:#62675a;margin:10px 0 0;text-align:center}
.maker-page .mug-configure{padding-top:12px;grid-column:2}
.maker-page .mug-configure .eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#62675a;margin:0 0 14px}
.maker-page .mug-configure h2{font:normal 39px/1.1 Georgia,serif;letter-spacing:-1.2px;margin:0 0 20px}
.maker-page .mug-intro{font:normal 26px/1.35 Georgia,serif;max-width:330px;margin:0 0 20px}
.maker-page #mug-fit-note{font:12px/1.65 Arial,sans-serif;color:#62675a;max-width:370px;margin:0 0 30px}
.maker-page #back-to-tee{border-radius:0;font:12px/1.4 Arial,sans-serif;padding:16px 22px;display:flex;gap:35px;align-items:center}
.maker-page #mug-more{display:table;font:11px/1.4 Arial,sans-serif;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.maker-page button:focus-visible,.maker-page select:focus-visible{outline:2px solid #795c47;outline-offset:3px}
.maker-page .mug-noscript{max-width:500px;background:#e8e5dc;padding:20px;margin-bottom:25px}
.maker-page .mug-noscript img{max-width:100%;height:auto}
@media(max-width:1000px){.maker-setup{gap:24px}.maker-page .object-choices button{padding-inline:9px}.object-choices button strong{font-size:15px}.maker-page #preview-stage,.maker-page #mug-preview{height:360px}}
@media(max-width:600px){
 .maker-page .header{height:96px}
 .maker-page main.shell{padding-top:25px}
 .maker-page .custom-head{display:block;margin-bottom:23px}
 .maker-page .custom-head h1{font-size:33px;letter-spacing:-1px}
 .maker-page .custom-head p{font-size:10px;margin-top:8px}
 .maker-setup{display:block;padding-block:17px 20px;margin-bottom:23px}
 .maker-page .setup-label,.maker-page .design-choice-wrap>label{font-size:11px}
 .object-choices{gap:7px}
 .maker-page .object-choices button{min-height:61px;padding:10px}
 .object-choices button strong{font-size:16px}.object-choices button span{font-size:9px}
 .design-choice-wrap{margin-top:19px;gap:8px}.maker-page .design-choice-wrap>label{margin-bottom:0}
 .maker-page .preview-wrap{padding:17px 16px 13px}
 .maker-page .object-preview-heading h2{font-size:18px}.object-preview-heading>span{font-size:9px}
 .maker-page #preview-stage,.maker-page #mug-preview{height:306px;margin:7px 0 4px}
 .maker-page .object-preview-note{font-size:9px}
 .maker-page .mug-configure{grid-column:auto;padding-top:27px}
 .maker-page .mug-configure h2{font-size:32px;margin-bottom:18px}
 .maker-page .mug-configure .eyebrow{font-size:9px;margin-bottom:12px}
 .maker-page .mug-intro{font-size:25px}.maker-page #mug-fit-note{font-size:11px}
}
@media(max-width:360px){.object-choices button strong{font-size:14px}.maker-page .object-choices button{padding-inline:7px}.object-preview-heading{gap:9px}.maker-page .object-preview-heading h2{font-size:17px}}