.bar-surfaces159{margin:18px 0;padding:18px;border:1px solid var(--line-strong,#81745f);border-radius:12px;background:var(--bg-2,#231e18)}
.bar-surfaces159 h3{margin:0 0 8px;font-size:18px;color:var(--ink)}
.bar-price-note159{font-size:13px;line-height:1.6;margin:0 0 7px;color:var(--ink-2)}
.bar-face-count159{font-size:12px;margin:0 0 15px;color:var(--accent)}
.bar-face-grid159{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bar-face159{min-width:0;padding:12px;border:1px solid var(--line,#584330);border-radius:10px}
.bar-face159.is-previewed{border-color:var(--accent,#c48d4e)}
.bar-face159 .fld{margin:0 0 10px;min-width:0}
.bar-face159 .fld>label{font-size:14px;display:block;color:var(--ink);margin-bottom:8px}
.bar-face159 .fld input{width:100%;box-sizing:border-box;min-width:0}
.bar-face159 .fld[hidden]{display:none!important}
.bar-direction159{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bar-direction159 button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 5px;min-height:42px;min-width:0;font:500 11px/1.3 system-ui,sans-serif;border:1px solid var(--line-strong);border-radius:7px;background:transparent;color:var(--ink-2);cursor:pointer}
.bar-direction159 [aria-checked=true]{background:var(--accent,#c48d4e);border-color:var(--accent);color:var(--accent-ink,#1a1208)}
.bar-direction-symbol159{font-size:10px;letter-spacing:-.05em;opacity:.85}
.bar-preview-nav159{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 8px}
.bar-preview-nav159 button{min-height:40px;min-width:0;padding:6px;border:1px solid var(--line-strong);border-radius:7px;background:transparent;color:var(--ink-2);font:500 12px/1.2 system-ui,sans-serif;cursor:pointer}
.bar-preview-nav159 [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.bar-preview-direction161{max-width:380px;margin:0 auto 12px}.bar-preview-direction161 :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.bar-preview-caption159{font-size:12px;text-align:center;color:var(--ink-2);margin:0 0 8px}
#pdp.bar-product159 .real-engraving-text span{white-space:pre;overflow-wrap:normal;word-break:normal}
.bar-surfaces159 :focus-visible,.bar-preview-nav159 :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body:has(#pdp[data-slug="stabkette"]) .customer-reviews .btn{max-width:100%;white-space:normal;text-align:center}
@media(max-width:720px){.bar-face-grid159{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bar-surfaces159{padding:10px}.bar-face159{padding:8px}.bar-face159 .fld{margin-bottom:8px}.bar-face159 .fld>label{font-size:13px;margin-bottom:6px}#pdp.bar-product159 .bar-face159 #fName,#pdp.bar-product159 .bar-face159 input[data-feld]{padding:10px 6px;font-size:16px;line-height:1.25;min-height:44px;height:44px}.bar-face159 .hint{font-size:11px;line-height:1.35;margin:5px 0 0}.bar-face159 .err:empty{display:none}.bar-face159 .bar-direction159{gap:4px}.bar-face159 .bar-direction159 button{font-size:10px;padding:6px 2px;min-height:40px}.bar-face159 .bar-direction-symbol159{display:none}.bar-preview-direction161 button{font-size:12px;min-height:44px}}
@media(max-width:360px){.bar-face159 .bar-direction159{grid-template-columns:minmax(0,1fr)}.bar-face159 .bar-direction159 button{font-size:11px}}
