.pp-mugs{--navy:#172e45;--pink:#bc005f;padding-top:40px;padding-bottom:60px;color:var(--navy)}.pp-mugs *{box-sizing:border-box}.pp-mugs [hidden]{display:none!important}.pp-mugs h1{font-size:42px;line-height:1.15;margin:12px 0 18px}.pp-mugs h2{font-size:28px;margin:10px 0 15px;scroll-margin-top:25px}.pp-mugs .mug-kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#7c5b45}.pp-mugs .mug-lead{font-size:18px;color:#566873;max-width:720px;line-height:1.65}.pp-mugs .mug-note{padding:13px 18px;background:#f7f3ee;border-left:3px solid #a1855b;font-size:14px;margin:22px 0 35px}.pp-mugs .mug-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pp-mugs .mug-card{display:block;border:1px solid #dfe3e5;text-decoration:none;color:var(--navy);background:white}.pp-mugs .mug-card:hover{border-color:var(--pink);box-shadow:0 5px 22px #172e4515}.pp-mugs .mug-art{display:block;background:#f0ece6;aspect-ratio:1.65}.pp-mugs svg{display:block;width:100%;height:100%}.pp-mugs .mug-copy{display:block;padding:20px}.pp-mugs .mug-copy strong{display:block;font-size:21px;line-height:1.3}.pp-mugs .mug-copy p{font-size:14px;color:#64747e;line-height:1.6;min-height:66px}.pp-mugs .mug-copy b{font-size:14px;color:var(--pink)}.pp-mugs .mug-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:42px;align-items:start}.pp-mugs .mug-preview{background:#f5f2ed;border:1px solid #e4e1dc;min-height:250px}.pp-mugs .mug-preview-column{position:sticky;top:20px}.pp-mugs .mug-caption{font-size:13px;color:#65727a;line-height:1.6;text-align:center}.pp-mugs label{display:block;font-weight:600;font-size:15px;margin:20px 0 8px}.pp-mugs input[type=text],.pp-mugs textarea,.pp-mugs select{width:100%;border:1px solid #c7d0d5;background:white;border-radius:0;padding:12px;font:inherit;color:var(--navy)}.pp-mugs textarea{resize:vertical;min-height:90px}.pp-mugs small{display:block;font-size:12px;color:#65727a;margin:7px 0}.pp-mugs button{font:inherit;cursor:pointer}.pp-mugs button:focus-visible,.pp-mugs a:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.pp-mugs .mug-swatches{display:flex;flex-wrap:wrap;gap:8px}.pp-mugs .mug-swatches button{background:white;border:1px solid #d7dfe3;padding:8px;font-size:12px;min-width:58px}.pp-mugs .mug-swatches span{display:block;width:25px;height:25px;border-radius:50%;margin:0 auto 5px}.pp-mugs .mug-swatches button[aria-pressed=true]{outline:2px solid var(--pink);outline-offset:1px}.pp-mugs details{margin:18px 0;border-top:1px solid #e0e4e6;padding-top:16px}.pp-mugs summary{cursor:pointer;font-weight:600}.pp-mugs .mug-back{display:inline-block;margin-bottom:20px;color:#63747d;font-size:14px}.pp-mugs .mug-order{border:0;background:#dfe5e8;color:#65727a;padding:15px;width:100%;cursor:default}.pp-mugs .mug-error{color:#a52032;min-height:25px}.pp-mugs .mug-approval{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400}.pp-mugs input[type=range]{width:100%}.pp-mugs .mug-remove{padding:8px 12px;background:white;border:1px solid #ccd5da}.pp-mugs .mug-fields{padding-bottom:20px}.pp-mugs .mug-flat{border:1px solid #dce0e1;background:white;aspect-ratio:204/90}.pp-mugs .mug-photo-input{padding:12px;border:1px dashed #9babb5;width:100%}@media(max-width:850px){.pp-mugs .mug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-mugs .mug-layout{grid-template-columns:1fr;gap:20px}.pp-mugs .mug-preview-column{position:static}.pp-mugs h1{font-size:34px}}@media(max-width:480px){.pp-mugs .mug-grid{grid-template-columns:1fr}.pp-mugs .mug-copy p{min-height:0}.pp-mugs h2{font-size:24px}}