#tankardDesigner{margin-top:24px;color:#101820}#tankardDesigner *{box-sizing:border-box}.tankard-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);gap:20px;align-items:start}.tankard-visual,.tankard-panel{border:1px solid #d9dde4;border-radius:18px;background:#fff;overflow:hidden}.tankard-visual{position:sticky;top:96px}.tankard-image-wrap{position:relative;background:linear-gradient(180deg,#f9fafb,#eef1f3);min-height:420px;display:flex;align-items:center;justify-content:center;padding:18px}.tankard-image-wrap img{display:block;max-width:100%;max-height:620px;width:auto;height:auto;object-fit:contain}.tankard-image-wrap span{position:absolute;left:18px;top:18px;background:#111;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}.tankard-copy{padding:20px}.tankard-copy h2{font-size:30px;line-height:1.05;margin:8px 0 10px}.tankard-copy p{color:#667085;line-height:1.6}.tankard-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.tankard-features div{border:1px solid #e1e4e8;border-radius:12px;padding:11px}.tankard-features b,.tankard-features span{display:block}.tankard-features b{font-size:12px}.tankard-features span{font-size:10px;color:#667085;margin-top:3px}.tankard-controls{display:grid;gap:12px}.tankard-panel{padding:16px}.tankard-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.tankard-step>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#b58b3d;color:#fff;font-weight:900;font-size:11px;flex:0 0 auto}.tankard-step strong,.tankard-step small{display:block}.tankard-step strong{font-size:16px}.tankard-step small{font-size:11px;color:#667085;margin-top:2px}.tankard-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tankard-choice{display:block;border:1px solid #d3d8de;border-radius:12px;padding:12px;cursor:pointer;background:#fff}.tankard-choice.active{border:2px solid #111;padding:11px;background:#f7f8f9}.tankard-choice input{position:absolute;opacity:0;pointer-events:none}.tankard-choice strong,.tankard-choice span{display:block}.tankard-choice strong{font-size:12px}.tankard-choice span{font-size:10px;color:#667085;margin-top:4px;line-height:1.35}.tankard-panel label:not(.tankard-choice):not(.tankard-confirm){display:block;font-size:12px;font-weight:800;margin:10px 0 5px}.tankard-panel label em{font-weight:500;color:#667085;font-style:normal}.tankard-panel input[type=text],.tankard-panel textarea,.tankard-panel select{width:100%;border:1px solid #cbd2db;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#111}.tankard-panel textarea{min-height:92px;resize:vertical}.tankard-collection{background:#fffaf0;border-color:#ead9b8}.tankard-confirm{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.tankard-confirm input{margin-top:4px}.tankard-confirm strong,.tankard-confirm small{display:block}.tankard-confirm strong{font-size:13px}.tankard-confirm small{font-size:11px;color:#667085;margin-top:3px;line-height:1.4}.tankard-buybar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111;color:#fff;border-radius:16px;padding:16px 18px}.tankard-buybar>div span,.tankard-buybar>div strong,.tankard-buybar>div small{display:block}.tankard-buybar>div span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#c6cbd1}.tankard-buybar>div strong{font-size:28px}.tankard-buybar>div small{font-size:10px;color:#c6cbd1}.tankard-buybar .btn{background:#b58b3d;color:#111;border-color:#b58b3d;font-weight:900}.tankard-error{margin:18px 0;padding:12px 14px;border-left:5px solid #c72c41;background:#fff0f2;color:#711827;border-radius:8px}.tankard-price-note{font-size:11px;color:#667085;margin-top:4px}@media(max-width:900px){.tankard-grid{grid-template-columns:1fr}.tankard-visual{position:static}.tankard-image-wrap{min-height:320px}.tankard-features{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.tankard-choice-grid,.tankard-features{grid-template-columns:1fr}.tankard-buybar{align-items:stretch;flex-direction:column}.tankard-buybar .btn{width:100%}.tankard-image-wrap{min-height:260px;padding:10px}}

.tankard-example-engraving{position:absolute;left:43%;top:48%;transform:translate(-50%,-50%);width:34%;text-align:center;color:rgba(248,249,250,.9);text-shadow:0 1px 1px rgba(35,40,45,.48);font-family:Georgia,serif;line-height:.94;pointer-events:none}
.tankard-example-engraving span,.tankard-example-engraving b,.tankard-example-engraving i{display:block;font-style:normal}
.tankard-example-engraving span{font-size:clamp(22px,3vw,42px);font-weight:800;letter-spacing:.04em}
.tankard-example-engraving b{font-size:clamp(18px,2.4vw,34px);font-weight:900;white-space:nowrap;border-top:2px solid rgba(255,255,255,.72);border-bottom:2px solid rgba(255,255,255,.72);padding:7px 0;margin:7px 0}
.tankard-example-engraving i{font-size:20px;margin-top:5px}
@media(max-width:620px){.tankard-example-engraving{left:43%;top:48%;width:36%}.tankard-example-engraving b{white-space:normal}}