.bpd-clock-configurator{font:15px/1.5 system-ui,sans-serif;color:#19344c;background:#fff;border:1px solid #b8ccdd;border-radius:14px;padding:20px;box-sizing:border-box}.bpd-clock-configurator h2{font-size:23px;margin:0 0 18px}.bpd-clock-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.bpd-clock-configurator button{min-height:44px;border:1px solid #aac4d8;border-radius:8px;background:#fff;color:#175d9e;padding:10px 14px;font:600 14px/1.4 system-ui;cursor:pointer}.bpd-clock-configurator button:hover:enabled{background:#edf5fb}.bpd-clock-configurator button[aria-pressed=true],.bpd-clock-steps li[aria-current=step],.bpd-clock-configurator .bpd-clock-next{background:#175fa7;color:#fff;border-color:#175fa7}.bpd-clock-configurator button:focus-visible,.bpd-clock-configurator input:focus-visible{outline:3px solid #17a4b6;outline-offset:3px}.bpd-clock-configurator button:disabled{opacity:.5;cursor:default}.bpd-clock-page fieldset{border:0;padding:0;margin:0 0 20px;display:flex;gap:8px;flex-wrap:wrap}.bpd-clock-page legend{font-weight:700;margin-bottom:9px}.bpd-clock-page[hidden],.bpd-clock-hands[hidden],.bpd-clock-configurator [hidden]{display:none!important}.bpd-clock-pairing{background:#edf5fa;padding:13px;border-radius:8px}.bpd-clock-swatch:before{content:'';display:inline-block;vertical-align:middle;width:21px;height:21px;border-radius:50%;border:1px solid #8ba0b0;background:var(--clock-swatch);margin-right:7px}.bpd-clock-hand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;max-height:400px;overflow:auto;padding:4px}.bpd-clock-hand-grid button{padding:5px;display:flex;flex-direction:column;align-items:center;min-width:0}.bpd-clock-hand-grid img{display:block;width:100%;height:145px;object-fit:contain;background:#fff;border-radius:5px}.bpd-clock-hands label{display:flex;flex-direction:column;gap:6px;width:100%}.bpd-clock-hands input{padding:10px;border:1px solid #a8c1d7;border-radius:6px;font:inherit}.bpd-clock-config-footer{border-top:1px solid #dce5ed;padding-top:15px;display:flex;align-items:center;gap:8px}.bpd-clock-config-price{margin-right:auto;font-size:21px}.bpd-clock-status{font-size:13px;color:#49657b;min-height:20px}@media(max-width:600px){.bpd-clock-configurator{padding:14px}.bpd-clock-steps li{flex:1;padding:8px;font-size:12px}.bpd-clock-hand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bpd-clock-hand-grid img{height:125px}.bpd-clock-config-footer{flex-wrap:wrap}.bpd-clock-config-price{flex-basis:100%}.bpd-clock-config-footer button{flex:1}}
.bpd-clock-configurator button[aria-pressed=true]:hover:enabled,.bpd-clock-configurator .bpd-clock-next:hover:enabled{background:#124f8d;color:#fff;border-color:#124f8d}
.bpd-clock-native{display:grid;grid-template-columns:minmax(300px,44%) minmax(0,1fr);gap:14px;padding:14px;background:#f0f4f7;overflow:auto;min-height:280px;flex:1}.bpd-clock-native[hidden]{display:none!important}.bpd-clock-native .bpd-clock-configurator{padding:16px}.bpd-clock-native-stage{width:100%;height:min(55vh,570px);min-height:280px;overflow:hidden;background:#d0d0d0;border-radius:12px}.bpd-clock-native-hint{font:13px/1.5 system-ui;color:#3e5b72;padding:8px}.bpd-clock-configuring>.bpd-shop-editor,.bpd-clock-configuring>.bpd-shop-tools,.bpd-clock-configuring>.bpd-customer-guide,.bpd-clock-configuring>.bpd-shop-model-tools,.bpd-clock-configuring>.bpd-shop-element-controls,.bpd-clock-configuring>.bpd-shop-footer,.bpd-clock-configuring>.bpd-shop-view-switch,.bpd-clock-configuring>.bpd-shop-presets,.bpd-clock-configuring>.bpd-shop-drafts{display:none!important}.bpd-clock-review-choice{border:1px solid #b8ccdd;background:#f3f8fc;padding:16px;border-radius:10px;margin-top:16px}.bpd-clock-review-choice img{display:block;max-height:220px;width:180px;object-fit:contain;background:#fff}.bpd-clock-review-choice h3{margin:0 0 8px}@media(max-width:720px){.bpd-clock-native{display:flex;flex-direction:column;padding:8px}.bpd-clock-native-preview{order:-1}.bpd-clock-native-stage{height:260px;min-height:220px}}
.bpd-clock-cutout-mask[hidden]{display:none!important}.bpd-clock-edit-guide{margin:0;padding:9px 14px;background:#f1f7fb;border-bottom:1px solid #cedfea;color:#32536d;font-size:13px}
.bpd-clock-configuring>.bpd-clock-editor-surface,.bpd-clock-configuring .bpd-shop-native-dock{display:none!important}.bpd-clock-config-footer{position:sticky;bottom:0;background:#fff;z-index:3;box-shadow:0 -5px 12px #19344c08}

.bpd-clock-configuring .bpd-shop-footer{display:none!important}
.bpd-clock-style-hint{padding:12px;background:#edf5fa;border-radius:8px;color:#32536d}

.bpd-clock-shop .bpd-product-stage{background:#d0d0d0!important}
.bpd-clock-shop .bpd-module[data-module="products"],.bpd-clock-shop .bpd-nav-item[data-module="products"]{display:none!important}

/* One authoritative price while the clock wizard is open. */
.bpd-shop-shell.bpd-clock-shop.bpd-clock-configuring .bpd-shop-footer{display:none!important}

/* AP05 B22: progress is informational; only Weiter/Zurück navigate. */
.bpd-clock-steps{list-style:none;padding:0}.bpd-clock-steps li{box-sizing:border-box;min-height:44px;border:1px solid #b8ccdd;border-radius:8px;padding:10px 12px;font:600 13px/1.4 system-ui;color:#49657b;display:flex;align-items:center;cursor:default}.bpd-clock-steps li[aria-current=step]{background:#175fa7;color:#fff;border-color:#175fa7}.bpd-clock-dimensions{margin:0 0 16px;font-weight:600}.bpd-clock-native-hint small{display:block;margin-top:5px}
/* Prevent a capped grid from compressing its implicit rows and cropping hands. */
.bpd-clock-configurator .bpd-clock-hand-grid{grid-auto-rows:max-content;align-content:start;align-items:start;box-sizing:border-box}.bpd-clock-configurator .bpd-clock-hand-grid button{height:auto;min-height:182px;align-self:start;flex-shrink:0;overflow:visible}.bpd-clock-configurator .bpd-clock-hand-grid img{height:145px;min-height:145px;flex-shrink:0;object-fit:contain}.bpd-clock-configurator .bpd-clock-hand-grid span{flex-shrink:0;line-height:24px}
@media(max-width:600px){.bpd-clock-steps li{flex:1;min-width:0;padding:8px 6px;font-size:12px}.bpd-clock-configurator .bpd-clock-hand-grid button{min-height:162px}.bpd-clock-configurator .bpd-clock-hand-grid img{height:125px;min-height:125px}}