.ltm-bracelet-configurator {
  --ltm-text:#292522;
  --ltm-muted:#746d67;
  --ltm-border:#e7e0d9;
  --ltm-soft:#f8f6f3;
  --ltm-soft-2:#f1ece7;
  --ltm-accent:#8a694b;
  --ltm-accent-soft:#f5eee7;
  --ltm-success:#27734b;
  --ltm-warning:#96631f;
  --ltm-shadow:0 15px 44px rgba(46,35,27,.07);
  container-type:inline-size;
  width:100%;
  max-width:100%;
  margin:22px 0 28px;
  padding:clamp(14px,2.2vw,24px);
  border:1px solid var(--ltm-border);
  border-radius:18px;
  background:#fff;
  color:var(--ltm-text);
  box-shadow:var(--ltm-shadow);
  font-family:inherit;
  line-height:1.35;
  overflow:visible;
}
.ltm-bracelet-configurator *, .ltm-bracelet-configurator *::before, .ltm-bracelet-configurator *::after { box-sizing:border-box; }
.ltm-bracelet-configurator button, .ltm-bracelet-configurator input, .ltm-bracelet-configurator select { font:inherit; }
.ltm-bracelet-configurator button { text-transform:none!important; letter-spacing:normal!important; }

/* Entête compact */
.ltm-bc-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:0 0 16px; border-bottom:1px solid var(--ltm-border); }
.ltm-bc-title-block { min-width:0; }
.ltm-bc-kicker { display:block; margin-bottom:3px; color:var(--ltm-accent); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.ltm-bc-head h3 { margin:0!important; color:var(--ltm-text)!important; font-size:clamp(22px,3.2cqi,31px)!important; line-height:1.08!important; font-weight:600!important; text-transform:none!important; }
.ltm-bc-head p { max-width:620px; margin:5px 0 0!important; color:var(--ltm-muted); font-size:13px; line-height:1.45; }
.ltm-bc-price { flex:0 0 auto; min-width:145px; padding:9px 12px; border:1px solid var(--ltm-border); border-radius:12px; background:var(--ltm-soft); text-align:right; }
.ltm-bc-price span,.ltm-bc-price small { display:block; color:var(--ltm-muted); font-size:9px; line-height:1.25; }
.ltm-bc-price strong { display:block; margin:1px 0!important; color:var(--ltm-text)!important; font-size:19px!important; line-height:1.15!important; font-weight:700!important; }

/* Étapes 1 + 2 */
.ltm-bc-setup { display:grid; grid-template-columns:minmax(255px,.78fr) minmax(0,1.22fr); gap:12px; margin:14px 0; }
.ltm-bc-step { min-width:0; padding:11px; border:1px solid var(--ltm-border); border-radius:13px; background:var(--ltm-soft); }
.ltm-bc-step-head,.ltm-bc-card-title { display:flex; align-items:center; gap:8px; min-width:0; }
.ltm-bc-step-head { margin-bottom:9px; }
.ltm-bc-step-head > span:last-child,.ltm-bc-card-title > span:last-child { min-width:0; }
.ltm-bc-step-head strong,.ltm-bc-step-head small,.ltm-bc-card-title strong,.ltm-bc-card-title small { display:block; }
.ltm-bc-step-head strong,.ltm-bc-card-title strong { color:var(--ltm-text); font-size:12px; line-height:1.15; font-weight:700; }
.ltm-bc-step-head small,.ltm-bc-card-title small { margin-top:2px; color:var(--ltm-muted); font-size:9.5px; line-height:1.25; font-weight:400; }
.ltm-step-number { display:inline-grid; flex:0 0 24px; width:24px; height:24px; place-items:center; border-radius:50%; background:var(--ltm-text); color:#fff; font-size:10px; font-weight:800; }

.ltm-bc-size-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.ltm-bracelet-configurator button.ltm-bc-size-btn { appearance:none!important; display:flex!important; min-width:0!important; min-height:47px!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:1px!important; margin:0!important; padding:6px 5px!important; border:1px solid var(--ltm-border)!important; border-radius:9px!important; background:#fff!important; color:var(--ltm-text)!important; box-shadow:none!important; cursor:pointer!important; transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!important; }
.ltm-bracelet-configurator button.ltm-bc-size-btn strong { font-size:14px!important; line-height:1!important; font-weight:800!important; }
.ltm-bracelet-configurator button.ltm-bc-size-btn small { color:var(--ltm-muted)!important; font-size:8.5px!important; line-height:1.1!important; white-space:nowrap; }
.ltm-bracelet-configurator button.ltm-bc-size-btn:hover { transform:translateY(-1px); border-color:#cdbdad!important; }
.ltm-bracelet-configurator button.ltm-bc-size-btn.is-active { border-color:var(--ltm-accent)!important; background:var(--ltm-accent-soft)!important; box-shadow:inset 0 0 0 1px var(--ltm-accent)!important; }
.ltm-bc-native-size { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

.ltm-bc-theme-list { display:flex; gap:6px; max-width:100%; overflow-x:auto; padding:1px 1px 4px; scrollbar-width:thin; }
.ltm-bracelet-configurator button.ltm-bc-theme { appearance:none!important; display:flex!important; flex:0 0 auto!important; min-width:104px!important; min-height:47px!important; align-items:center!important; gap:6px!important; margin:0!important; padding:6px 8px!important; border:1px solid var(--ltm-border)!important; border-radius:10px!important; background:#fff!important; color:var(--ltm-text)!important; box-shadow:none!important; text-align:left!important; cursor:pointer!important; transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!important; }
.ltm-bracelet-configurator button.ltm-bc-theme:hover { transform:translateY(-1px); border-color:#cdbdad!important; box-shadow:0 5px 13px rgba(46,35,27,.07)!important; }
.ltm-bracelet-configurator button.ltm-bc-theme.is-active { border-color:var(--ltm-accent)!important; background:var(--ltm-accent-soft)!important; box-shadow:inset 0 0 0 1px var(--ltm-accent)!important; }
.ltm-bc-theme-icon { display:grid; flex:0 0 27px; width:27px; height:27px; place-items:center; border-radius:8px; background:var(--ltm-soft-2); font-size:22px; line-height:1; }
.ltm-bc-theme-copy { min-width:0; }
.ltm-bc-theme-copy strong,.ltm-bc-theme-copy small { display:block!important; white-space:nowrap; }
.ltm-bc-theme-copy strong { font-size:10px!important; line-height:1.05!important; font-weight:700!important; }
.ltm-bc-theme-copy small { max-width:92px; margin-top:2px; overflow:hidden; color:var(--ltm-muted)!important; font-size:7.8px!important; line-height:1.05!important; text-overflow:ellipsis; }
.ltm-bracelet-configurator button.ltm-bc-surprise { border-style:dashed!important; }

/* Atelier principal */
.ltm-bc-workbench { display:grid; grid-template-columns:minmax(290px,370px) minmax(0,1fr); gap:14px; align-items:start; }
.ltm-bc-preview-panel,.ltm-bc-stones-panel { min-width:0; padding:12px; border:1px solid var(--ltm-border); border-radius:14px; background:#fff; }
.ltm-bc-preview-panel { position:sticky; top:var(--ltm-mobile-sticky-top,76px); }
.ltm-bc-card-head { display:flex; min-height:30px; align-items:center; justify-content:space-between; gap:10px; }
.ltm-bc-preview-actions { display:flex; flex:0 0 auto; gap:4px; }
.ltm-bracelet-configurator button.ltm-bc-icon-btn { appearance:none!important; display:grid!important; width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; place-items:center!important; margin:0!important; padding:0!important; border:1px solid var(--ltm-border)!important; border-radius:50%!important; background:var(--ltm-soft)!important; color:var(--ltm-text)!important; box-shadow:none!important; font-size:16px!important; line-height:1!important; cursor:pointer!important; transition:transform .14s ease,background .14s ease!important; }
.ltm-bracelet-configurator button.ltm-bc-icon-btn:hover:not(:disabled) { transform:translateY(-1px); background:var(--ltm-soft-2)!important; }
.ltm-bracelet-configurator button.ltm-bc-icon-btn:disabled { opacity:.25!important; cursor:default!important; }

/* Bracelet toujours visible et interactif */
.ltm-bc-bracelet-wrap { position:relative; width:min(100%,350px); margin:4px auto 0; }
.ltm-bc-bracelet { position:relative; width:100%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(138,105,75,.08) 0 33%,rgba(138,105,75,.025) 34% 48%,transparent 49%); }
.ltm-bc-bracelet::before { content:""; position:absolute; inset:13.7%; border:1px solid rgba(80,65,52,.10); border-radius:50%; pointer-events:none; }
.ltm-bc-bracelet::after { content:""; position:absolute; inset:22%; border:1px dashed rgba(138,105,75,.14); border-radius:50%; pointer-events:none; }
.ltm-bc-center-label { position:absolute; z-index:1; left:50%; top:50%; display:flex; width:92px; height:92px; transform:translate(-50%,-50%); flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(138,105,75,.11); border-radius:50%; background:rgba(255,255,255,.82); text-align:center; pointer-events:none; backdrop-filter:blur(4px); }
.ltm-bc-center-kicker,.ltm-bc-center-hint { color:var(--ltm-muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.ltm-bc-center-label strong { display:flex; align-items:baseline; gap:3px; margin:2px 0!important; color:var(--ltm-text)!important; font-size:22px!important; line-height:1!important; font-weight:700!important; }
.ltm-bc-center-label strong em { color:#aaa099; font-size:10px; font-style:normal; font-weight:400; }
.ltm-bc-slot-total { color:var(--ltm-muted); font-size:12px; font-weight:500; }
.ltm-bracelet-configurator button.ltm-bc-bead { appearance:none!important; position:absolute!important; z-index:2; width:42px!important; height:42px!important; min-width:0!important; min-height:0!important; padding:0!important; transform:translate(-50%,-50%); border:2px solid transparent!important; border-radius:50%!important; background:#fff!important; box-shadow:0 2px 7px rgba(44,35,28,.14)!important; cursor:pointer!important; transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important; }
.ltm-bracelet-configurator button.ltm-bc-bead:hover { z-index:4; transform:translate(-50%,-50%) scale(1.1); }
.ltm-bracelet-configurator button.ltm-bc-bead.is-selected { z-index:5; transform:translate(-50%,-50%) scale(1.14); border-color:var(--ltm-accent)!important; box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 5px rgba(138,105,75,.22),0 5px 12px rgba(44,35,28,.17)!important; }
.ltm-bracelet-configurator button.ltm-bc-bead img { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; border-radius:50%!important; object-fit:contain!important; }
.ltm-bracelet-configurator button.ltm-bc-bead.is-entering { animation:ltm-bead-in .42s cubic-bezier(.22,.8,.36,1) both; animation-delay:var(--ltm-delay,0ms); }
.ltm-bracelet-configurator button.ltm-bc-bead.is-popping { animation:ltm-bead-pop .34s ease; }
.ltm-bc-slot-help { margin:-1px 0 8px!important; color:var(--ltm-muted); text-align:center; font-size:9.5px; line-height:1.3; }

/* Pierre sélectionnée */
.ltm-bc-selected-stone { display:grid; grid-template-columns:43px minmax(0,1fr); gap:9px; align-items:center; min-height:55px; padding:7px 9px; border-radius:11px; background:var(--ltm-soft); }
.ltm-bc-selected-thumb { display:grid; width:43px; height:43px; place-items:center; border-radius:50%; background:#fff; }
.ltm-bc-selected-thumb img { display:block!important; width:39px!important; height:39px!important; max-width:39px!important; max-height:39px!important; margin:0!important; border-radius:50%!important; object-fit:contain!important; }
.ltm-bc-selected-copy { min-width:0; }
.ltm-bc-selected-copy small,.ltm-bc-selected-copy strong { display:block; }
.ltm-bc-selected-copy small { color:var(--ltm-muted); font-size:8px; line-height:1.1; }
.ltm-bc-selected-copy strong { margin:1px 0 2px!important; overflow:hidden; color:var(--ltm-text)!important; font-size:18px!important; line-height:1.1!important; font-weight:700!important; text-overflow:ellipsis; text-transform:capitalize; white-space:nowrap; }
.ltm-bc-selected-copy p { display:-webkit-box; margin:0!important; overflow:hidden; color:var(--ltm-muted); font-size:13px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.ltm-bc-smart-actions { display:flex; margin-top:7px; }
.ltm-bracelet-configurator button.ltm-bc-mini-action { appearance:none!important; display:inline-flex!important; min-height:31px!important; align-items:center!important; justify-content:center!important; gap:5px!important; margin:0!important; padding:5px 9px!important; border:1px solid var(--ltm-border)!important; border-radius:9px!important; background:#fff!important; color:var(--ltm-text)!important; box-shadow:none!important; font-size:9px!important; font-weight:600!important; line-height:1.1!important; cursor:pointer!important; transition:border-color .14s ease,background .14s ease,transform .14s ease!important; }
.ltm-bracelet-configurator button.ltm-bc-mini-action:hover:not(:disabled) { transform:translateY(-1px); border-color:var(--ltm-accent)!important; background:var(--ltm-accent-soft)!important; }
.ltm-bracelet-configurator button.ltm-bc-mini-action:disabled { opacity:.42!important; cursor:default!important; }

.ltm-bc-status { min-height:29px; margin:7px 0 3px; text-align:center; font-size:9.5px; }
.ltm-ok,.ltm-warning { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; }
.ltm-ok { color:var(--ltm-success); background:#eff8f2; }
.ltm-warning { color:var(--ltm-warning); background:#fff6e9; }
.ltm-ok b,.ltm-warning b { display:grid; width:15px; height:15px; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:8px; }

.ltm-bc-composition-wrap { margin-top:3px; border-top:1px solid var(--ltm-border); }
.ltm-bc-composition-wrap summary { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 2px 3px; color:var(--ltm-muted); font-size:9px; cursor:pointer; list-style:none; }
.ltm-bc-composition-wrap summary::-webkit-details-marker { display:none; }
.ltm-bc-composition-wrap summary::after { content:"+"; font-size:14px; line-height:1; }
.ltm-bc-composition-wrap[open] summary::after { content:"−"; }
.ltm-bc-composition-count { margin-left:auto; }
.ltm-bc-composition { display:flex; flex-wrap:wrap; gap:5px; padding-top:5px; }
.ltm-bc-composition span { display:inline-flex; align-items:center; gap:4px; min-height:25px; padding:3px 6px 3px 3px; border:1px solid var(--ltm-border); border-radius:999px; background:#fff; font-size:8px; }
.ltm-bc-composition img { display:block!important; width:18px!important; height:18px!important; max-width:18px!important; max-height:18px!important; margin:0!important; border-radius:50%!important; object-fit:contain!important; }
.ltm-bc-composition strong { max-width:92px; overflow:hidden; font-size:8px!important; font-weight:600!important; text-overflow:ellipsis; text-transform:capitalize; white-space:nowrap; }
.ltm-bc-composition em { color:var(--ltm-muted); font-style:normal; }

/* Aperçu mobile ancré pendant le choix des pierres.
   Il vit dans le panneau des pierres : il se colle naturellement pendant toute la palette,
   puis s'arrête à la fin du configurateur. */
.ltm-bc-mobile-sticky-preview { display:none; }
.ltm-bracelet-configurator button.ltm-bc-mobile-sticky-return { appearance:none!important; width:100%!important; min-height:0!important; margin:0!important; padding:12px 14px!important; border:1px solid rgba(138,105,75,.20)!important; border-radius:18px!important; background:rgba(255,255,255,.96)!important; color:var(--ltm-text)!important; box-shadow:0 8px 24px rgba(46,35,27,.12)!important; text-align:left!important; cursor:pointer!important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.ltm-bc-mobile-sticky-return { display:flex!important; align-items:center!important; gap:14px!important; }
.ltm-bc-mobile-bracelet { position:relative; display:block; flex:0 0 128px; width:128px; height:128px; border-radius:50%; background:radial-gradient(circle,rgba(138,105,75,.08) 0 34%,rgba(138,105,75,.025) 35% 48%,transparent 49%); }
.ltm-bc-mobile-bracelet::before { content:""; position:absolute; inset:16%; border:1px solid rgba(80,65,52,.10); border-radius:50%; }
.ltm-bc-mobile-bead { position:absolute; z-index:2; display:block; width:24px; height:24px; transform:translate(-50%,-50%); overflow:hidden; border:1px solid rgba(255,255,255,.9); border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(44,35,28,.17); }
.ltm-bc-mobile-bead img { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; border-radius:50%!important; object-fit:cover!important; }
.ltm-bc-mobile-bead.is-selected { z-index:3; width:30px; height:30px; border:2px solid var(--ltm-accent); box-shadow:0 0 0 2px rgba(255,255,255,.95),0 2px 5px rgba(44,35,28,.22); }
.ltm-bc-mobile-preview-copy { display:block; min-width:0; flex:1; }
.ltm-bc-mobile-preview-copy small,.ltm-bc-mobile-preview-copy strong,.ltm-bc-mobile-preview-copy > span { display:block; }
.ltm-bc-mobile-preview-copy small { margin-bottom:1px; color:var(--ltm-accent); font-size:7.5px; font-weight:800; letter-spacing:.10em; line-height:1.1; text-transform:uppercase; }
.ltm-bc-mobile-preview-copy strong { overflow:hidden; color:var(--ltm-text)!important; font-size:11px!important; font-weight:700!important; line-height:1.2!important; text-overflow:ellipsis; white-space:nowrap; }
.ltm-bc-mobile-preview-copy > span { margin-top:2px; overflow:hidden; color:var(--ltm-muted); font-size:8.5px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.ltm-bc-mobile-preview-arrow { display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border-radius:50%; background:var(--ltm-soft); color:var(--ltm-accent); font-size:15px; line-height:1; }

/* Palette de pierres */
.ltm-bc-stone-head { margin-bottom:8px; }
.ltm-bc-stone-tools { display:flex; align-items:center; gap:8px; margin:7px 0 9px; }
.ltm-bc-search { position:relative; flex:1; min-width:0; margin:0!important; }
.ltm-bc-search > span { position:absolute; z-index:1; left:10px; top:50%; transform:translateY(-50%); color:var(--ltm-muted); font-size:15px; pointer-events:none; }
.ltm-bracelet-configurator .ltm-bc-search input { width:100%!important; min-height:36px!important; margin:0!important; padding:6px 9px 6px 32px!important; border:1px solid var(--ltm-border)!important; border-radius:9px!important; background:var(--ltm-soft)!important; color:var(--ltm-text)!important; box-shadow:none!important; font-size:10px!important; }
.ltm-bracelet-configurator .ltm-bc-search input:focus { border-color:var(--ltm-accent)!important; outline:2px solid rgba(138,105,75,.12)!important; outline-offset:0; }
.ltm-bc-stone-count { flex:0 0 auto; color:var(--ltm-muted); font-size:8.5px; white-space:nowrap; }
.ltm-bc-stones { display:grid!important; grid-template-columns:repeat(auto-fill,minmax(62px,1fr)); gap:7px!important; align-items:stretch; }
.ltm-bracelet-configurator button.ltm-bc-stone { appearance:none!important; position:relative!important; display:flex!important; min-width:0!important; min-height:72px!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; margin:0!important; padding:6px 4px!important; overflow:hidden!important; border:1px solid var(--ltm-border)!important; border-radius:10px!important; background:#fff!important; color:var(--ltm-text)!important; box-shadow:none!important; cursor:pointer!important; transition:transform .13s ease,border-color .13s ease,background .13s ease,box-shadow .13s ease!important; }
.ltm-bracelet-configurator button.ltm-bc-stone:hover { z-index:2; transform:translateY(-2px); border-color:#c9b7a7!important; box-shadow:0 6px 13px rgba(46,35,27,.08)!important; }
.ltm-bracelet-configurator button.ltm-bc-stone.is-active { border-color:var(--ltm-accent)!important; background:var(--ltm-accent-soft)!important; box-shadow:inset 0 0 0 1px var(--ltm-accent)!important; }
.ltm-bracelet-configurator button.ltm-bc-stone.is-active::after { content:"✓"; position:absolute; top:4px; right:4px; display:grid; width:14px; height:14px; place-items:center; border-radius:50%; background:var(--ltm-accent); color:#fff; font-size:7px; line-height:1; }
.ltm-bracelet-configurator button.ltm-bc-stone img { display:block!important; width:44px!important; height:44px!important; max-width:44px!important; max-height:44px!important; flex:0 0 44px!important; margin:0 auto 2px!important; border-radius:50%!important; object-fit:contain!important; }
.ltm-bracelet-configurator button.ltm-bc-stone > span { display:block!important; width:100%; overflow:hidden; color:var(--ltm-text)!important; font-size:7.8px!important; font-weight:500!important; line-height:1.1!important; text-align:center!important; text-overflow:ellipsis; text-transform:capitalize!important; white-space:nowrap; }
.ltm-bc-no-results { padding:20px 8px; color:var(--ltm-muted); text-align:center; font-size:10px; }
.ltm-bc-palette-tip { margin:9px 0 0!important; padding:7px 8px; border-radius:8px; background:var(--ltm-soft); color:var(--ltm-muted); font-size:8.5px; line-height:1.35; }

@keyframes ltm-bead-in { from { opacity:0; transform:translate(-50%,-50%) scale(.55); } to { opacity:1; transform:translate(-50%,-50%) scale(1); } }
@keyframes ltm-bead-pop { 0%,100% { transform:translate(-50%,-50%) scale(1); } 45% { transform:translate(-50%,-50%) scale(1.22); } }
@keyframes ltm-bracelet-breathe { 0%,100% { transform:scale(1); } 50% { transform:scale(1.015); } }
.ltm-bracelet-configurator.is-generating .ltm-bc-bracelet-wrap { animation:ltm-bracelet-breathe .55s ease; }

/* Relais sticky mobile/tablette : il n'apparaît QUE lorsque le bracelet principal a
   complètement quitté la zone visible. Sur desktop large, V0.3.7 place cet aperçu
   dans l'infobox gauche et désactive donc ce relais au-dessus de la palette. */
.ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-sticky-preview {
  display:block;
  position:sticky;
  z-index:35;
  top:var(--ltm-mobile-sticky-top,8px);
  width:min(100%,560px);
  margin:-4px 0 12px auto;
}
@media (min-width:768px) {
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-sticky-return {
    min-height:150px!important;
    padding:10px 16px!important;
    border-radius:18px!important;
  }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-bracelet {
    flex-basis:132px; width:132px; height:132px;
  }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-bead { width:24px; height:24px; }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-bead.is-selected { width:30px; height:30px; }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-preview-copy small { font-size:10px; }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-preview-copy strong { font-size:18px!important; }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-preview-copy > span { font-size:12px; }
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-preview-arrow { flex-basis:46px; width:46px; height:46px; font-size:22px; }
}

/* Responsive basé sur la largeur réelle du configurateur (important dans la colonne produit Woodmart). */
@container (max-width:760px) {
  .ltm-bracelet-configurator.is-sticky-preview-active .ltm-bc-mobile-sticky-preview { display:block; position:sticky; z-index:35; top:var(--ltm-mobile-sticky-top,8px); margin:-4px -4px 10px; }
  .ltm-bc-setup { grid-template-columns:1fr; }
  .ltm-bc-workbench { grid-template-columns:1fr; }
  .ltm-bc-preview-panel { position:relative; top:auto; }
  .ltm-bc-bracelet-wrap { width:min(100%,330px); }
  .ltm-bc-stones { grid-template-columns:repeat(auto-fill,minmax(58px,1fr)); }
}
@container (max-width:480px) {
  /* V0.3.2 : aperçu sticky volontairement très lisible sur téléphone.
     Le mini-bracelet est environ 2× plus grand que dans la V0.3.1. */
  .ltm-bc-mobile-bracelet { flex-basis:128px; width:128px; height:128px; }
  .ltm-bc-mobile-bead { width:24px; height:24px; }
  .ltm-bc-mobile-bead.is-selected { width:30px; height:30px; }
  .ltm-bracelet-configurator button.ltm-bc-mobile-sticky-return { padding:12px 14px!important; border-radius:18px!important; }
  .ltm-bc-mobile-sticky-return { gap:14px!important; }
  .ltm-bc-mobile-preview-copy small { font-size:11px; }
  .ltm-bc-mobile-preview-copy strong { font-size:18px!important; }
  .ltm-bc-mobile-preview-copy > span { font-size:13px; }
  .ltm-bc-mobile-preview-arrow { flex-basis:44px; width:44px; height:44px; font-size:22px; }
  .ltm-bracelet-configurator { padding:12px; border-radius:14px; }
  .ltm-bc-head { flex-direction:column; gap:8px; }
  .ltm-bc-price { display:grid; width:100%; grid-template-columns:1fr auto; align-items:center; text-align:left; }
  .ltm-bc-price strong { grid-column:2; grid-row:1 / span 2; }
  .ltm-bc-price small { grid-column:1; }
  .ltm-bc-theme-list { margin-right:-12px; padding-right:12px; }
  .ltm-bracelet-configurator button.ltm-bc-theme { min-width:97px!important; }
  .ltm-bc-bracelet-wrap { width:min(100%,300px); }
  .ltm-bracelet-configurator button.ltm-bc-bead { width:38px!important; height:38px!important; }
  .ltm-bc-center-label { width:78px; height:78px; }
  .ltm-bc-stones { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; }
  .ltm-bracelet-configurator button.ltm-bc-stone { min-height:68px!important; padding:5px 3px!important; }
  .ltm-bracelet-configurator button.ltm-bc-stone img { width:40px!important; height:40px!important; max-width:40px!important; max-height:40px!important; flex-basis:40px!important; }
  .ltm-bc-palette-tip { display:none; }
}
@media (max-width:900px) {
  .ltm-bc-workbench { grid-template-columns:1fr; }
  .ltm-bc-preview-panel { position:relative; top:auto; margin-top:0!important; }
}

/* V0.3.9 — alignement desktop bracelet / grille de pierres.
   Le titre de l’étape 4 et la recherche restent au-dessus. La carte « Votre bracelet »
   descend uniquement jusqu’au départ réel de .ltm-bc-stones. Le décalage est mesuré
   en JS afin de rester exact si Woodmart, une traduction ou une largeur différente
   fait varier la hauteur du titre ou du champ de recherche. */
.ltm-bracelet-configurator:not(.is-compact-layout) .ltm-bc-preview-panel {
  margin-top:var(--ltm-stone-grid-offset,0px);
}

/* V0.3.11 — grille desktop robuste + ergonomie inversée forcée sur PC.
   Sur PC, la grille des pierres passe à gauche et l’aperçu du bracelet reste à droite.
   Le JS ajoute .is-compact-layout selon la largeur REELLE du configurateur,
   ce qui évite qu'une colonne de pierres se retrouve réduite à 120 px dans Woodmart. */
.ltm-bracelet-configurator:not(.is-compact-layout) .ltm-bc-workbench {
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
}
.ltm-bracelet-configurator:not(.is-compact-layout) .ltm-bc-stones-panel {
  grid-column:1;
  grid-row:1;
}
.ltm-bracelet-configurator:not(.is-compact-layout) .ltm-bc-preview-panel {
  grid-column:2;
  grid-row:1;
}
.ltm-bracelet-configurator:not(.is-compact-layout) .ltm-bc-stones {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.ltm-bracelet-configurator:not(.is-compact-layout) button.ltm-bc-stone {
  min-height:86px!important;
}
.ltm-bracelet-configurator:not(.is-compact-layout) button.ltm-bc-stone img {
  width:50px!important; height:50px!important; max-width:50px!important; max-height:50px!important; flex-basis:50px!important;
}
.ltm-bracelet-configurator:not(.is-compact-layout) button.ltm-bc-stone > span {
  font-size:9px!important;
}

/* Tablette/mobile : retour à une seule colonne. Sur PC, même dans une colonne
   produit Woodmart étroite, on conserve volontairement pierres à gauche / bracelet à droite. */
.ltm-bracelet-configurator.is-compact-layout .ltm-bc-workbench {
  grid-template-columns:1fr!important;
}
.ltm-bracelet-configurator.is-compact-layout .ltm-bc-preview-panel {
  position:relative!important; top:auto!important; margin-top:0!important;
}
.ltm-bracelet-configurator.is-compact-layout .ltm-bc-stones {
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.ltm-bracelet-configurator.is-compact-layout button.ltm-bc-stone {
  min-height:82px!important;
}
.ltm-bracelet-configurator.is-compact-layout button.ltm-bc-stone img {
  width:46px!important; height:46px!important; max-width:46px!important; max-height:46px!important; flex-basis:46px!important;
}
.ltm-bracelet-configurator.is-compact-layout button.ltm-bc-stone > span {
  font-size:8.5px!important;
}

@media (max-width:767px) {
  .ltm-bracelet-configurator.is-compact-layout .ltm-bc-stones {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .ltm-bracelet-configurator.is-compact-layout button.ltm-bc-stone { min-height:68px!important; }
  .ltm-bracelet-configurator.is-compact-layout button.ltm-bc-stone img {
    width:40px!important; height:40px!important; max-width:40px!important; max-height:40px!important; flex-basis:40px!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .ltm-bracelet-configurator *, .ltm-bracelet-configurator *::before, .ltm-bracelet-configurator *::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
}

/* V0.3.6 — infobox latérale desktop.
   Sur une fiche produit réellement en deux colonnes, le JS déplace le bloc de contexte
   dans la colonne galerie au lieu de lui faire consommer de la hauteur à droite. */
.ltm-bc-context-anchor { display:none!important; }
.ltm-bc-context-info { min-width:0; }

.ltm-bc-desktop-info-host {
  --ltm-text:#292522;
  --ltm-muted:#746d67;
  --ltm-border:#e7e0d9;
  --ltm-soft:#f8f6f3;
  --ltm-soft-2:#f1ece7;
  --ltm-accent:#8a694b;
  --ltm-accent-soft:#f5eee7;
  --ltm-success:#27734b;
  --ltm-warning:#96631f;
  position:sticky;
  z-index:18;
  top:82px;
  width:100%;
  max-width:100%;
  margin:16px 0 0;
  padding:14px;
  border:1px solid var(--ltm-border);
  border-radius:16px;
  background:rgba(255,255,255,.97);
  color:var(--ltm-text);
  box-shadow:0 14px 36px rgba(46,35,27,.09);
  font-family:inherit;
  line-height:1.35;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.ltm-bc-desktop-info-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
  padding:0 1px 9px;
  border-bottom:1px solid var(--ltm-border);
}
.ltm-bc-desktop-info-head span {
  color:var(--ltm-text);
  font-size:15px;
  font-weight:700;
  line-height:1.1;
}
.ltm-bc-desktop-info-head small {
  color:var(--ltm-accent);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.1;
  text-transform:uppercase;
  white-space:nowrap;
}

/* V0.3.8 — sur desktop large, le même aperçu live que le sticky mobile est
   intégré directement dans l'infobox gauche. Une seule représentation = aucune
   possibilité de désynchronisation entre le bracelet et son aperçu. */
.ltm-bc-desktop-info-host .ltm-bc-mobile-sticky-preview {
  display:block!important;
  position:relative!important;
  z-index:1!important;
  top:auto!important;
  width:100%!important;
  margin:0 0 11px!important;
}
.ltm-bc-desktop-info-host button.ltm-bc-mobile-sticky-return {
  width:100%!important;
  min-height:238px!important;
  padding:10px 16px!important;
  border:1px solid rgba(138,105,75,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fff 0%,var(--ltm-soft) 100%)!important;
  box-shadow:none!important;
  gap:22px!important;
}
.ltm-bc-desktop-info-host button.ltm-bc-mobile-sticky-return:hover {
  border-color:rgba(138,105,75,.32)!important;
  background:linear-gradient(135deg,#fff 0%,var(--ltm-accent-soft) 100%)!important;
}
.ltm-bc-desktop-info-host .ltm-bc-mobile-bracelet {
  flex:0 0 220px!important;
  width:220px!important;
  height:220px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-mobile-bead {
  width:32px!important;
  height:32px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-mobile-bead.is-selected {
  width:40px!important;
  height:40px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-mobile-preview-copy small { font-size:9px; }
.ltm-bc-desktop-info-host .ltm-bc-mobile-preview-copy strong {
  margin-top:2px!important;
  font-size:18px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-mobile-preview-copy > span {
  margin-top:4px;
  font-size:11px;
  line-height:1.3;
  white-space:normal;
}
.ltm-bc-desktop-info-host .ltm-bc-mobile-preview-arrow {
  flex:0 0 38px;
  width:38px;
  height:38px;
  font-size:18px;
}
.ltm-bc-desktop-info-host .ltm-bc-selected-stone {
  grid-template-columns:58px minmax(0,1fr);
  gap:11px;
  min-height:76px;
  padding:10px;
  border:1px solid rgba(138,105,75,.08);
  border-radius:13px;
}
.ltm-bc-desktop-info-host .ltm-bc-selected-thumb {
  width:58px;
  height:58px;
}
.ltm-bc-desktop-info-host .ltm-bc-selected-thumb img {
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-selected-copy small { font-size:9px; }
.ltm-bc-desktop-info-host .ltm-bc-selected-copy strong {
  margin:2px 0 3px!important;
  font-size:22px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-selected-copy p {
  font-size:12.5px;
  line-height:1.35;
  -webkit-line-clamp:3;
}
.ltm-bc-desktop-info-host .ltm-bc-smart-actions { margin-top:9px; }
.ltm-bc-desktop-info-host button.ltm-bc-mini-action {
  appearance:none!important;
  display:inline-flex!important;
  width:100%!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid var(--ltm-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ltm-text)!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.15!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  cursor:pointer!important;
  transition:border-color .14s ease,background .14s ease,transform .14s ease!important;
}
.ltm-bc-desktop-info-host button.ltm-bc-mini-action:hover:not(:disabled) {
  transform:translateY(-1px);
  border-color:var(--ltm-accent)!important;
  background:var(--ltm-accent-soft)!important;
}
.ltm-bc-desktop-info-host button.ltm-bc-mini-action:disabled {
  opacity:.42!important;
  cursor:default!important;
}
.ltm-bc-desktop-info-host .ltm-bc-status {
  min-height:32px;
  margin:9px 0 4px;
  text-align:left;
  font-size:10px;
}
.ltm-bc-desktop-info-host .ltm-ok,
.ltm-bc-desktop-info-host .ltm-warning {
  width:100%;
  justify-content:center;
  padding:7px 9px;
}
.ltm-bc-desktop-info-host .ltm-bc-composition-wrap { margin-top:6px; }
.ltm-bc-desktop-info-host .ltm-bc-composition-wrap summary {
  padding:9px 2px 4px;
  font-size:10px;
}
.ltm-bc-desktop-info-host .ltm-bc-composition { gap:6px; padding-top:7px; }
.ltm-bc-desktop-info-host .ltm-bc-composition span { min-height:30px; padding:4px 7px 4px 4px; font-size:9px; }
.ltm-bc-desktop-info-host .ltm-bc-composition img {
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
}
.ltm-bc-desktop-info-host .ltm-bc-composition strong { max-width:145px; font-size:9px!important; }

/* Quand le bloc a migré à gauche, le panneau bracelet droit s'arrête juste après l'aide :
   aucun espace fantôme n'est conservé. */
.ltm-bracelet-configurator.has-desktop-info-rail .ltm-bc-preview-panel { padding-bottom:10px; }

@media (max-width:1199px) {
  .ltm-bc-desktop-info-host { display:none!important; }
}

/* V0.3.13 — desktop : la grande colonne gauche de la fiche produit devient
   la palette de pierres en 6 colonnes fixes. Le bracelet reste seul à droite. */
.ltm-bc-desktop-palette-host.ltm-bracelet-configurator {
  width:100%;
  max-width:100%;
  margin:16px 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ltm-bc-desktop-palette-host .ltm-bc-stones-panel {
  width:100%;
  padding:16px;
  border:1px solid var(--ltm-border);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--ltm-shadow);
}
.ltm-bc-desktop-palette-host .ltm-bc-mobile-sticky-preview {
  display:none!important;
}
.ltm-bc-desktop-palette-host.ltm-bracelet-configurator .ltm-bc-stones {
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
.ltm-bc-desktop-palette-host button.ltm-bc-stone {
  min-height:104px!important;
  padding:8px 6px!important;
  border-radius:12px!important;
}
.ltm-bc-desktop-palette-host button.ltm-bc-stone img {
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex-basis:58px!important;
}
.ltm-bc-desktop-palette-host button.ltm-bc-stone > span {
  font-size:10px!important;
  line-height:1.2!important;
}
.ltm-bc-desktop-palette-host .ltm-bc-stone-head {
  margin-bottom:10px;
}
.ltm-bc-desktop-palette-host .ltm-bc-card-title strong {
  font-size:15px;
}
.ltm-bc-desktop-palette-host .ltm-bc-card-title small {
  font-size:10.5px;
}
.ltm-bc-desktop-palette-host .ltm-bc-stone-tools {
  margin:10px 0 12px;
}
.ltm-bc-desktop-palette-host .ltm-bc-search input {
  min-height:42px!important;
  font-size:12px!important;
}
.ltm-bc-desktop-palette-host .ltm-bc-stone-count {
  font-size:10px;
}

/* Une fois la palette sortie à gauche, aucune fausse colonne vide ne subsiste à droite. */
.ltm-bracelet-configurator.has-desktop-palette-rail .ltm-bc-workbench {
  display:block!important;
}
.ltm-bracelet-configurator.has-desktop-palette-rail .ltm-bc-preview-panel {
  display:block!important;
  width:100%!important;
  margin-top:0!important;
  position:sticky!important;
  top:var(--ltm-mobile-sticky-top,76px)!important;
}

@media (max-width:900px) {
  .ltm-bc-desktop-palette-host { display:none!important; }
}


/* V0.3.14 — sur desktop, la fiche descriptive suit la pierre survolée dans la
   palette gauche, sans modifier la composition avant le clic. */
.ltm-bc-context-info .ltm-bc-selected-stone {
  transition:background .14s ease,box-shadow .14s ease;
}
.ltm-bc-context-info.is-hover-preview .ltm-bc-selected-stone {
  background:var(--ltm-accent-soft);
  box-shadow:inset 0 0 0 1px rgba(138,105,75,.18);
}
.ltm-bc-context-info.is-hover-preview .ltm-bc-selected-copy small {
  color:var(--ltm-accent);
  font-weight:700;
}

/* V0.3.19 — nom obligatoire + génération aléatoire + partage enrichi + appel visuel. */
.ltm-bc-share-card {
  margin:14px 0 0;
  padding:16px;
  border:1px solid var(--ltm-border);
  border-radius:16px;
  background:linear-gradient(135deg,#fff 0%,#faf7f3 100%);
  box-shadow:0 10px 28px rgba(46,35,27,.05);
}
.ltm-bc-share-heading {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.ltm-bc-share-icon {
  display:grid;
  flex:0 0 34px;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:var(--ltm-accent-soft);
  color:var(--ltm-accent);
  font-size:18px;
}
.ltm-bc-share-heading strong,
.ltm-bc-share-copy strong {
  display:block;
  color:var(--ltm-text);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}
.ltm-bc-share-heading small {
  display:block;
  margin-top:2px;
  color:var(--ltm-muted);
  font-size:9.5px;
  line-height:1.25;
}

.ltm-bc-name-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
}
.ltm-bc-name-field > span b { color:#a13d35; font-weight:800; }
.ltm-bracelet-configurator button.ltm-bc-random-name {
  appearance:none!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid var(--ltm-accent)!important;
  border-radius:10px!important;
  background:var(--ltm-accent-soft)!important;
  color:var(--ltm-accent)!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:700!important;
  white-space:nowrap;
  cursor:pointer!important;
}
.ltm-bracelet-configurator button.ltm-bc-random-name:hover {
  background:#efe3d7!important;
}
.ltm-bc-share-card.is-name-missing .ltm-bc-name-field input {
  border-color:#c86b61!important;
  box-shadow:0 0 0 2px rgba(200,107,97,.08)!important;
}

/* Tentative de commande sans nom : le bloc attire franchement l'attention sans
   transformer l'interface en alerte agressive. Le champ ET « Générer un nom »
   bougent ensemble pour rendre immédiatement les deux solutions évidentes. */
@keyframes ltm-name-attention {
  0%,100% { transform:translateX(0) scale(1); }
  12% { transform:translateX(-6px) scale(1.025); }
  24% { transform:translateX(6px) scale(1.035); }
  38% { transform:translateX(-5px) scale(1.03); }
  52% { transform:translateX(5px) scale(1.025); }
  68% { transform:translateX(-2px) scale(1.015); }
  84% { transform:translateX(2px) scale(1.01); }
}
@keyframes ltm-name-pulse {
  0%,100% { box-shadow:0 0 0 0 rgba(200,107,97,0); }
  35% { box-shadow:0 0 0 5px rgba(200,107,97,.15),0 8px 24px rgba(138,105,75,.12); }
  70% { box-shadow:0 0 0 3px rgba(200,107,97,.09); }
}
.ltm-bc-share-card.is-name-attention .ltm-bc-name-row {
  animation:ltm-name-attention .72s cubic-bezier(.36,.07,.19,.97) 2;
  transform-origin:center;
}
.ltm-bc-share-card.is-name-attention .ltm-bc-name-field input,
.ltm-bc-share-card.is-name-attention button.ltm-bc-random-name {
  border-color:#b45a50!important;
  animation:ltm-name-pulse .72s ease 2;
}
.ltm-bc-share-card.is-name-attention button.ltm-bc-random-name {
  background:#f7e7df!important;
  color:#8c473f!important;
}
.ltm-bracelet-configurator button.ltm-bc-share-btn:disabled {
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
}
.ltm-bc-name-field { display:block; margin:0; }
.ltm-bc-name-field > span {
  display:block;
  margin:0 0 5px;
  color:var(--ltm-muted);
  font-size:9.5px;
  font-weight:700;
}
.ltm-bracelet-configurator .ltm-bc-name-field input {
  display:block!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid var(--ltm-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ltm-text)!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.ltm-bracelet-configurator .ltm-bc-name-field input:focus {
  border-color:var(--ltm-accent)!important;
  outline:2px solid rgba(138,105,75,.12)!important;
  outline-offset:0;
}
.ltm-bc-share-divider {
  height:1px;
  margin:14px 0;
  background:var(--ltm-border);
}
.ltm-bc-share-copy p {
  margin:4px 0 0!important;
  color:var(--ltm-muted);
  font-size:10px;
  line-height:1.4;
}
.ltm-bc-share-actions {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:11px;
}
.ltm-bracelet-configurator button.ltm-bc-share-btn {
  appearance:none!important;
  display:flex!important;
  min-width:0!important;
  min-height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid var(--ltm-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ltm-text)!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease!important;
}
.ltm-bracelet-configurator button.ltm-bc-share-btn:hover {
  transform:translateY(-1px);
  border-color:#cdbdad!important;
  background:var(--ltm-accent-soft)!important;
}
.ltm-bracelet-configurator button.ltm-bc-share-native {
  border-color:var(--ltm-accent)!important;
  background:var(--ltm-accent)!important;
  color:#fff!important;
}
.ltm-bracelet-configurator button.ltm-bc-share-native:hover {
  background:#76583f!important;
  color:#fff!important;
}
.ltm-bc-share-feedback {
  min-height:16px;
  margin-top:8px;
  color:var(--ltm-muted);
  font-size:9px;
  line-height:1.3;
}
.ltm-bc-share-feedback.is-success { color:var(--ltm-success); }
.ltm-bc-share-feedback.is-error { color:#a13d35; }

@media (max-width:480px) {
  .ltm-bc-share-card { padding:13px; }
  .ltm-bc-name-row { grid-template-columns:1fr; }
  .ltm-bracelet-configurator button.ltm-bc-random-name { width:100%!important; }
  .ltm-bc-share-actions { grid-template-columns:1fr 1fr; }
  .ltm-bracelet-configurator button.ltm-bc-share-native { grid-column:1 / -1; }
  .ltm-bracelet-configurator button.ltm-bc-share-btn { min-height:44px!important; font-size:11px!important; }
}