.whb-mug{--mug-berry:#7a3048;--mug-ink:#2d2728;--mug-cream:#fff8f2;--mug-line:#e6d9d3;max-width:1440px;margin:auto;padding:24px 48px 80px;color:var(--mug-ink);font:16px/1.55 Arial,Helvetica,sans-serif;box-sizing:border-box}.whb-mug *{box-sizing:border-box}.mug-breadcrumb{display:flex;gap:10px;font-size:13px;color:#76686b;margin-bottom:34px}.mug-breadcrumb a{color:var(--mug-berry)}.mug-heading{max-width:720px;margin-bottom:40px}.mug-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--mug-berry);margin:0 0 12px}.mug-heading h1{font:800 clamp(36px,4.4vw,62px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-2.5px;white-space:pre-line;margin:0 0 20px}.mug-heading>p:last-child{font-size:18px;line-height:1.65;color:#6e5e62;max-width:590px;margin:0}.mug-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:start}.mug-visual{position:sticky;top:24px;min-width:0}.mug-stage{position:relative;background:radial-gradient(ellipse at 50% 38%,#fffdf9 0,#f4e4e2 75%);overflow:hidden;border-radius:4px}.mug-preview{display:block;width:100%;height:auto;aspect-ratio:900/760}.mug-stage-label{position:absolute;left:20px;top:20px;font-size:10px;letter-spacing:1.3px;z-index:1;color:#76636a;font-weight:700}.mug-stage-caption{position:absolute;bottom:20px;left:20px;font-size:12px;color:#76636a}.mug-views{display:flex;justify-content:center;gap:8px;margin-top:16px}.mug-views button{border:1px solid var(--mug-line);background:transparent;padding:10px 16px;font:600 13px/1.4 Arial;color:var(--mug-berry);cursor:pointer;min-height:44px;border-radius:2px}.mug-views button[aria-pressed=true]{background:var(--mug-berry);color:#fff;border-color:var(--mug-berry)}.mug-preview-note{font-size:12px;line-height:1.6;color:#7b6b70;text-align:center;margin:14px 0}.mug-features{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12px;border-top:1px solid var(--mug-line);padding:20px 0;margin-top:24px}.mug-features span:before{content:'✓';color:var(--mug-berry);margin-right:6px}.mug-controls{min-width:0}.mug-product-title{border-bottom:1px solid var(--mug-line);padding-bottom:22px;margin-bottom:26px}.mug-product-title h2{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:0 0 8px}.mug-launch{font-size:13px;color:var(--mug-berry);margin:0}.mug-price{font-size:24px;font-weight:700;margin:0}.mug-step{border:0;margin:0 0 30px;padding:0;min-width:0}.mug-step legend{font-weight:700;font-size:17px;padding:0;margin:0 0 17px;float:none;width:100%;display:flex;align-items:center;gap:12px}.mug-step legend>span{font-size:11px;font-weight:600;color:var(--mug-berry);border:1px solid #d8b7bf;border-radius:50%;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mug-styles{display:grid;gap:8px}.mug-styles label{display:flex;align-items:center;position:relative;cursor:pointer}.mug-styles input{position:absolute;opacity:0;width:20px;height:20px;left:15px}.mug-styles label>span{display:block;border:1px solid var(--mug-line);padding:12px 16px 12px 44px;width:100%;border-radius:3px;position:relative;background:#fffdf9}.mug-styles label>span:before{content:'';position:absolute;left:16px;top:20px;width:14px;height:14px;border:1px solid #a9989e;border-radius:50%}.mug-styles input:checked+span{border-color:var(--mug-berry);background:#f8eceb}.mug-styles input:checked+span:before{background:var(--mug-berry);border-color:var(--mug-berry);box-shadow:inset 0 0 0 3px #fff8f2}.mug-styles strong{display:block;font-size:14px}.mug-styles small{font-size:12px;color:#7b6b70;display:block;margin-top:2px}.mug-styles input:focus-visible+span{outline:2px solid var(--mug-berry);outline-offset:3px}.mug-help{font-size:12px;color:#7b6b70;margin:0 0 14px}.mug-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mug-upload-card{border:1px dashed #b69aa3;border-radius:4px;position:relative;text-align:center;min-width:0;background:#fffdf9;overflow:hidden}.mug-upload-card>label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:142px;padding:15px;cursor:pointer}.mug-upload-icon{font-size:25px;line-height:1.2;color:var(--mug-berry);margin-bottom:6px}.mug-upload-card strong{font-size:13px}.mug-upload-card small{font-size:11px;color:#7b6b70;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.mug-upload-card>input{position:absolute;left:0;top:0;opacity:0;width:100%;height:142px;cursor:pointer}.mug-upload-card:focus-within{outline:2px solid var(--mug-berry);outline-offset:3px}.mug-upload-card.has-photo{border-style:solid;border-color:#7a3048}.mug-upload-card>button{position:relative;z-index:1;width:100%;background:#f4e4e2;border:0;border-top:1px solid #e6d9d3;color:var(--mug-berry);font:700 12px Arial;padding:12px;cursor:pointer}.mug-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin:16px 0;cursor:pointer}.mug-check input{width:17px;height:17px;min-width:17px;accent-color:var(--mug-berry);margin:1px 0}.mug-quality{font-size:12px;color:#76636a;margin:14px 0;line-height:1.6}.mug-quality[data-level=good]{color:#3c6549}.mug-quality[data-level=low],.mug-quality[data-level=ok]{color:#97571b}.mug-crop{background:#f4e4e2;padding:18px;border-radius:3px}.mug-crop-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:13px}.mug-crop-heading button{font:600 12px Arial;color:var(--mug-berry);border:0;background:none;text-decoration:underline;cursor:pointer}.mug-crop label{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;font-size:12px;margin-top:12px}.mug-crop input[type=range]{width:100%;accent-color:var(--mug-berry);height:24px;cursor:pointer}.mug-field{display:block;font-size:13px;font-weight:600;margin-bottom:17px;position:relative}.mug-field>input{display:block;width:100%;border:1px solid var(--mug-line);background:#fffdf9;border-radius:3px;padding:13px 14px;color:var(--mug-ink);font:400 16px/1.4 Arial;margin:7px 0 2px;min-height:49px}.mug-field input::placeholder{font-size:13px;color:#9a878f}.mug-counter{font-size:10px;color:#8c7880;text-align:right;display:block;font-weight:400}.mug-colors{display:flex;gap:11px;align-items:center;margin-top:12px}.mug-colors button{width:30px;height:30px;border-radius:50%;border:1px solid #cbb9bf;background:var(--swatch);cursor:pointer;position:relative}.mug-colors button:before{content:'';position:absolute;inset:-7px}.mug-colors button[aria-pressed=true]{outline:2px solid var(--mug-berry);outline-offset:3px}.mug-colors>span{font-size:12px;color:#7b6b70;margin-left:9px}.mug-primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;border:1px solid var(--mug-berry);background:var(--mug-berry);color:#fff;font:700 15px/1.5 Arial;cursor:pointer;border-radius:2px;min-height:59px}.mug-primary:hover{background:#602238}.mug-primary:disabled{background:#d3c2c7;color:#fff;cursor:not-allowed;border-color:#d3c2c7}.mug-privacy{font-size:11px;line-height:1.7;color:#837177;margin:12px 0 25px}.mug-error{font-size:13px;padding:12px;background:#fff0e9;color:#9a3325;border:1px solid #ebc3b8;border-radius:3px}.mug-faq{border-top:1px solid var(--mug-line);margin-top:24px}.mug-faq details{border-bottom:1px solid var(--mug-line);padding:16px 0}.mug-faq summary{font-size:13px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:24px}.mug-faq summary:after{content:'+';position:absolute;right:2px;font-size:18px;font-weight:400;top:-4px}.mug-faq details[open] summary:after{content:'−'}.mug-faq p{font-size:12px;line-height:1.8;color:#7b6b70;margin:12px 0 0}.mug-review{position:fixed;inset:0;padding:30px;max-width:760px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;border:1px solid var(--mug-line);border-radius:6px;background:#fff8f2;color:#2d2728;margin:auto;font:14px/1.6 Arial;z-index:100}.mug-review::backdrop{background:#2d172694;backdrop-filter:blur(3px)}.mug-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.mug-review-head h2{font:700 27px/1.2 Arial;letter-spacing:-.7px;margin:0}.mug-review-head>button{border:0;background:transparent;color:#7a3048;font:400 30px Arial;cursor:pointer;min-width:44px;min-height:44px;margin:-10px -10px 0 0}.mug-review canvas{width:100%;height:auto;margin-top:15px;display:block;background:#f4e4e2;border-radius:4px}.mug-review-summary{font-size:13px}.mug-review .mug-primary{justify-content:center}.mug-secondary{display:block;margin:16px auto 0;border:0;border-bottom:1px solid #7a3048;font:700 13px Arial;color:#7a3048;background:transparent;padding:8px 4px;cursor:pointer;min-height:40px}.mug-launch-detail{font-size:13px;line-height:1.7;padding:14px;background:#f4e4e2;border-radius:3px;color:#6b3545}.whb-mug [hidden]{display:none!important}.whb-mug button:focus-visible,.whb-mug input:focus-visible,.whb-mug summary:focus-visible{outline:2px solid #7a3048;outline-offset:4px}.mug-order-form{display:none}@media(min-width:1600px){.mug-layout{gap:85px}}@media(max-width:1000px){.whb-mug{padding:22px 28px 60px}.mug-layout{gap:30px;grid-template-columns:1fr 1fr}.mug-step legend{font-size:16px}.mug-heading{margin-bottom:30px}}@media(max-width:749px){.whb-mug{padding:20px 20px 50px}.mug-breadcrumb{margin-bottom:25px;font-size:12px}.mug-heading h1{font-size:38px;letter-spacing:-1.7px}.mug-heading>p:last-child{font-size:15px}.mug-layout{grid-template-columns:1fr;gap:24px}.mug-visual{position:static}.mug-preview{max-height:480px;object-fit:contain}.mug-features{gap:12px;font-size:11px;margin-top:18px;padding:16px 0}.mug-stage-label{font-size:8px;left:16px;top:16px}.mug-product-title h2{font-size:26px}.mug-step{margin-bottom:27px}.mug-review{padding:22px 18px;width:calc(100% - 20px)}.mug-review-head h2{font-size:22px}.mug-review .mug-check{font-size:12px}}@media(prefers-reduced-motion:no-preference){.mug-primary,.mug-views button,.mug-styles span{transition:background .18s,border-color .18s}}