/* v1.0.162 — customer-first purchase hierarchy and completion status. */

/* WishfulBox Bracelet Builder — UX v9: editorial jewellery configurator */
.wfb-builder{
 --ink:#20312e;--ink-2:#344541;--muted:#756f68;--line:#e8dfd3;--cream:#fbf7ef;
 --paper:#fffdf9;--sage:#e4eee7;--teal:#2e7d73;--plum:#6f4c70;--peach:#e9a36f;--coral:#c97863;
 --gold:#b58b52;--shadow:0 18px 60px rgba(47,37,27,.09);
 width:100%!important;max-width:1180px!important;margin:28px auto!important;color:var(--ink)!important;
 font-family:inherit!important;font-size:15px!important;line-height:1.45!important;
}
.wfb-builder *{box-sizing:border-box}.wfb-builder button,.wfb-builder input,.wfb-builder select{font-family:inherit!important}
.wfb-builder button{appearance:none;-webkit-appearance:none}.wfb-screen[hidden]{display:none!important}
.wfb-screen{position:relative!important;overflow:hidden!important;border-radius:30px!important;border:1px solid var(--line)!important;background:var(--paper)!important;box-shadow:var(--shadow)!important}

/* Intentions */
.wfb-intention-screen{padding:48px 52px 42px!important;background:linear-gradient(135deg,#fffdf9 0%,#f5efe4 58%,#e7efe9 100%)!important}
/* Astrology owns the crystal selection, so its Builder must never expose Step 1. */
.wfb-astro-builder-host.wfb-astro-mode .wfb-intention-screen,
.wfb-astro-builder-host.wfb-astro-mode [data-back-intentions],
.wfb-astro-builder-host.wfb-astro-mode .wfb-update-intentions{display:none!important;visibility:hidden!important;}
.wfb-brandline{display:flex;align-items:center;gap:9px;color:#68726c;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:48px}
.wfb-brand-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(46,125,115,.1)}
.wfb-brand-rule{width:30px;height:1px;background:#bdb4a8;margin:0 2px}
.wfb-hero-copy{max-width:670px;position:relative;z-index:2}
.wfb-eyebrow{display:block;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
.wfb-hero-copy h2{font-size:52px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 17px!important;font-weight:720!important;color:var(--ink)!important}
.wfb-hero-copy h2 i{font-family:Georgia,serif;font-weight:400;color:var(--plum)}
.wfb-hero-copy p{max-width:610px!important;font-size:17px!important;line-height:1.6!important;color:#655f58!important;margin:0!important}
.wfb-intention-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:34px 0 22px!important}
.wfb-intent{position:relative!important;min-height:102px!important;padding:17px!important;border:1px solid rgba(110,92,72,.14)!important;border-radius:19px!important;background:rgba(255,253,249,.76)!important;display:flex!important;align-items:flex-start!important;gap:12px!important;text-align:left!important;color:var(--ink)!important;cursor:pointer!important;transition:.22s!important}
.wfb-intent:hover{transform:translateY(-3px)!important;background:#fff!important;border-color:rgba(46,125,115,.35)!important;box-shadow:0 12px 25px rgba(49,39,27,.07)!important}
.wfb-intent-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#f4e7d9!important;font-size:20px!important;flex:0 0 40px!important}
.wfb-intent-copy{display:block!important;padding-top:2px!important}.wfb-intent-copy b{display:block!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important}.wfb-intent-copy small{display:block!important;font-size:10px!important;color:#8c8379!important;margin-top:6px!important}
.wfb-intent-check{position:absolute!important;right:11px!important;top:11px!important;width:20px!important;height:20px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:1px solid #ded4c7!important;color:transparent!important;font-size:11px!important;font-weight:900!important}
.wfb-intent.selected{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(32,49,46,.16)!important}
.wfb-intent.selected .wfb-intent-icon{background:#fff!important}.wfb-intent.selected .wfb-intent-copy small{color:#b9c9c3!important}.wfb-intent.selected .wfb-intent-check{background:var(--peach)!important;border-color:var(--peach)!important;color:var(--ink)!important}
.wfb-intention-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}
.wfb-selected-note{font-size:13px!important;font-weight:750!important;color:var(--teal)!important;min-height:24px!important}
.wfb-primary{min-height:52px!important;border:0!important;border-radius:14px!important;background:var(--ink)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;padding:14px 21px!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(32,49,46,.13)!important;transition:.2s!important}
.wfb-primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 15px 28px rgba(32,49,46,.18)!important}.wfb-primary:disabled{opacity:.35!important;cursor:not-allowed!important}
.wfb-hero-cta{min-width:210px!important;background:var(--teal)!important}

/* Builder nav */
.wfb-builder-screen{padding:22px!important;background:#f7f3eb!important}
.wfb-builder-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:2px 8px 20px}
.wfb-progress{display:flex;align-items:center;gap:7px}.wfb-progress span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #d8cec1;color:#968b7f;font-size:9px;font-weight:850}.wfb-progress span.done{background:#dce9e2;color:var(--teal);border-color:#dce9e2}.wfb-progress span.active{background:var(--ink);color:#fff;border-color:var(--ink)}.wfb-progress i{width:22px;height:1px;background:#d9d0c5}
.wfb-nav-title{text-align:center}.wfb-nav-title span{display:block;font-size:9px;letter-spacing:.16em;color:var(--teal);font-weight:850}.wfb-nav-title b{display:block;font-size:15px;margin-top:3px}
.wfb-price-chip{justify-self:end;display:flex;align-items:baseline;gap:4px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:17px;font-weight:850;box-shadow:0 5px 15px rgba(50,40,28,.04)}.wfb-price-chip small{font-size:8px;letter-spacing:.1em;color:#91877c}

/* Two-column builder */
.wfb-builder-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:16px;align-items:start}
.wfb-design-column{position:sticky;top:15px}.wfb-design-card{background:#fffdf9;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 10px 35px rgba(49,39,27,.06)}
.wfb-design-top,.wfb-design-bottom{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 12px}.wfb-design-top>div:first-child{display:flex;align-items:center;gap:8px}.wfb-design-top b{font-size:14px}.wfb-design-top small{font-size:10px;color:#8d847a}.wfb-live-dot{width:7px;height:7px;border-radius:50%;background:#5da28e;box-shadow:0 0 0 4px #e1f0e8}
.wfb-mini-actions{display:flex;gap:5px}.wfb-mini-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;color:#6b625a;font-size:10px;font-weight:750;cursor:pointer}
.wfb-stage{height:540px!important;position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:19px!important;background:radial-gradient(circle at 50% 45%,#fffdf9 0,#f7eee2 45%,#ede4d8 100%)!important;touch-action:none!important}
.wfb-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(233,163,111,.18),transparent 25%),radial-gradient(circle at 82% 72%,rgba(111,76,112,.11),transparent 28%);pointer-events:none}
.wfb-stage-glow{position:absolute;width:72%;height:72%;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(22px)}
.wfb-ring-shadow{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(181,139,82,.16);box-shadow:0 25px 55px rgba(80,58,38,.08)}
.wfb-ring{position:relative;width:340px!important;height:340px!important;border-radius:50%!important;border:1px solid rgba(181,139,82,.11)!important;z-index:2!important}
.wfb-bead{position:absolute!important;width:var(--wfb-item-width,42px)!important;height:var(--wfb-item-height,42px)!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;border:3px solid rgba(255,255,255,.94)!important;box-shadow:inset -5px -6px 10px rgba(0,0,0,.12),inset 4px 4px 9px rgba(255,255,255,.5)!important;filter:none!important;cursor:grab!important;touch-action:none!important;user-select:none!important;z-index:4!important}
.wfb-bead.faceted{box-shadow:inset -7px -7px 10px rgba(0,0,0,.17),inset 5px 5px 10px rgba(255,255,255,.58)!important;filter:none!important}.wfb-bead.selected{outline:none!important;outline-offset:0!important}
.wfb-stage-hint{position:absolute;z-index:6;bottom:10px;left:10px;transform:none;padding:6px 9px;border:1px solid rgba(215,203,190,.8);border-radius:999px;background:rgba(255,253,249,.9);backdrop-filter:blur(8px);font-size:9px;color:#777066;white-space:nowrap;pointer-events:none}.wfb-stage-hint span{color:var(--teal);font-weight:900;margin-right:4px}
.wfb-design-bottom{padding:11px 5px 2px}.wfb-design-bottom>div span{display:block;font-size:8px;letter-spacing:.13em;color:#988e83;font-weight:800}.wfb-design-bottom>div b{display:block;font-size:11px;margin-top:2px;color:var(--teal)}.wfb-design-bottom button{border:0;background:transparent;color:var(--plum);font-size:10px;font-weight:800;cursor:pointer}

/* Controls */
.wfb-controls-column{display:flex;flex-direction:column;gap:10px}.wfb-card,.wfb-more-options,.wfb-final-card{background:#fffdf9!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 7px 25px rgba(49,39,27,.045)!important}
.wfb-card{padding:17px!important}.wfb-control-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.wfb-control-head>div:first-child{display:flex;align-items:center;gap:10px}.wfb-control-icon{width:31px;height:31px;border-radius:10px;background:#e2eee8;display:grid;place-items:center;color:var(--teal);font-size:15px}.wfb-control-icon.warm{background:#f4e2d5;color:#bd735e}.wfb-control-head b{display:block;font-size:14px}.wfb-control-head small{display:block;font-size:10px;color:#8d847a;margin-top:2px}.wfb-control-head em{font-style:normal;color:var(--teal);font-size:9px;font-weight:850}
.wfb-option-block+ .wfb-option-block{margin-top:15px}.wfb-option-block label{display:block;font-size:9px;letter-spacing:.11em;color:#8e857a;font-weight:850;margin-bottom:7px}
.wfb-pills{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.wfb-pills button{border:1px solid #e2d9cd!important;background:#fff!important;border-radius:12px!important;min-height:46px!important;color:var(--ink)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}.wfb-pills button strong{font-size:15px!important}.wfb-pills button span{font-size:11px!important;color:#777067!important}.wfb-pills button em{font-style:normal;font-size:8px;color:var(--plum)}.wfb-pills button.active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;box-shadow:0 6px 14px rgba(32,49,46,.12)!important}.wfb-pills button.active span,.wfb-pills button.active em{color:#d8e4df!important}

/* Palette */
.wfb-discovery-actions{display:flex!important;gap:6px!important;overflow:auto!important;scrollbar-width:none!important;margin:0 -2px 15px!important;padding:1px 2px 3px!important}.wfb-discovery-actions::-webkit-scrollbar{display:none}.wfb-discovery{flex:0 0 auto!important;border:1px solid #e1d8cd!important;background:#fff!important;color:#696159!important;border-radius:999px!important;padding:9px 13px!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}.wfb-discovery.active{background:var(--plum)!important;border-color:var(--plum)!important;color:#fff!important}
.wfb-category{border-top:1px solid #eee6dc!important;padding-top:15px!important;margin-top:15px!important}.wfb-category:first-child{border-top:0!important;padding-top:0!important;margin-top:0!important}.wfb-category-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important}.wfb-category-head b{font-size:10px!important;letter-spacing:.06em!important;font-weight:900!important}.wfb-category-head small{font-size:9px!important;color:#8e857b!important;display:block!important;margin-top:2px!important}.wfb-category-head>span{background:#f0e9df!important;border-radius:999px!important;padding:4px 7px!important;color:#84796e!important;font-size:9px!important}
.wfb-crystal-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.wfb-crystal{position:relative!important;min-width:0!important;text-align:left!important;padding:10px!important;border:1px solid #e7ddd1!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;cursor:pointer!important;transition:.18s!important}.wfb-crystal:hover{transform:translateY(-2px)!important;border-color:#b8d2c7!important;box-shadow:0 9px 18px rgba(44,35,26,.07)!important}.wfb-crystal.added{border-color:var(--teal)!important;background:#eef6f1!important}.wfb-crystal i{display:block!important;width:43px!important;height:43px!important;border-radius:50%!important;margin-bottom:8px!important;border:2px solid #fff!important;box-shadow:0 5px 10px rgba(0,0,0,.12),inset -4px -4px 7px rgba(0,0,0,.1),inset 3px 3px 7px rgba(255,255,255,.5)!important;background-size:cover!important;background-position:center!important}.wfb-crystal strong{display:block!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important}.wfb-crystal small{display:block!important;font-size:10px!important;line-height:1.4!important;color:#81786e!important;margin:4px 0 7px!important}.wfb-charm-card i{background-color:#f1e7d3!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;display:block!important;place-items:unset!important}.wfb-charm-card i span{display:none!important}

/* Wrist + final */
.wfb-more-options{padding:0 15px!important}.wfb-more-options summary{list-style:none!important;padding:14px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;font-size:11px!important;font-weight:800!important}.wfb-more-options summary::-webkit-details-marker{display:none}.wfb-more-options summary b{color:var(--teal)}.wfb-more-options summary i{font-style:normal;color:#93887d}.wfb-wrist{display:flex;gap:7px;padding:0 0 14px}.wfb-wrist input,.wfb-wrist select{border:1px solid var(--line)!important;background:#fff!important;border-radius:10px!important;padding:10px!important;font-size:11px!important}.wfb-wrist input{width:95px!important}.wfb-wrist select{flex:1}
.wfb-final-card{padding:18px!important;background:linear-gradient(145deg,#fffdf9,#f0f6f1)!important}.wfb-final-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}.wfb-final-head .wfb-eyebrow{font-size:8px;margin:0 0 4px}.wfb-final-head b{display:block;font-size:17px;letter-spacing:-.02em}.wfb-final-head>strong{font-size:21px;color:var(--plum)}.wfb-composition{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:12px}.wfb-composition span{background:#fff!important;border:1px solid #e3ddd3!important;border-radius:999px!important;padding:5px 8px!important;font-size:9px!important;color:#655d55!important}.wfb-summary{display:grid!important;grid-template-columns:1fr auto 1fr auto!important;gap:7px 10px!important;border-top:1px solid #e0e6df!important;padding:11px 0!important;font-size:10px!important}.wfb-summary span{color:#887f75!important}.wfb-summary b{font-weight:850!important}.wfb-add-cart{width:100%!important;background:var(--coral)!important;box-shadow:0 10px 20px rgba(201,120,99,.2)!important}.wfb-add-cart:hover{background:#b96653!important}
.wfb-add-cart.is-disabled{opacity:.35!important;cursor:not-allowed!important;filter:saturate(.65)!important}.wfb-add-cart.is-disabled:hover{background:var(--coral)!important;transform:none!important;box-shadow:0 10px 20px rgba(201,120,99,.2)!important}

/* drag helpers */
.wfb-bead.wfb-dragging{opacity:.25!important}.wfb-drag-ghost{width:var(--wfb-item-width,42px)!important;height:var(--wfb-item-height,42px)!important;transform:translate(-50%,-50%) scale(1.08)!important;box-shadow:0 18px 30px rgba(50,34,24,.23)!important}.wfb-insert-gap{position:absolute!important;width:53px!important;height:53px!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;border:2px dashed var(--teal)!important;background:rgba(255,255,255,.92)!important;display:grid!important;place-items:center!important;z-index:20!important;pointer-events:none!important}.wfb-insert-gap span{width:23px;height:23px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}

/* responsive */
@media(max-width:900px){.wfb-intention-grid{grid-template-columns:repeat(3,1fr)!important}.wfb-builder-layout{grid-template-columns:1fr!important}.wfb-design-column{position:relative;top:auto}.wfb-stage{height:440px!important}.wfb-builder-nav{grid-template-columns:auto 1fr auto}.wfb-nav-title{text-align:left}}
@media(max-width:620px){.wfb-builder{margin:8px auto!important;font-size:15px!important}.wfb-intention-screen{padding:30px 18px 24px!important;border-radius:22px!important}.wfb-brandline{margin-bottom:32px;font-size:8px}.wfb-hero-copy h2{font-size:38px!important}.wfb-hero-copy p{font-size:14px!important}.wfb-intention-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.wfb-intent{min-height:86px!important;padding:12px!important}.wfb-intent-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:17px!important}.wfb-intent-copy b{font-size:11px!important}.wfb-intent-copy small{font-size:9px!important}.wfb-intention-footer{align-items:stretch;flex-direction:column;gap:10px}.wfb-hero-cta{width:100%!important}.wfb-builder-screen{padding:10px!important;border-radius:22px!important}.wfb-builder-nav{grid-template-columns:1fr auto;gap:10px;padding:3px 4px 12px}.wfb-nav-title{grid-column:1/2;grid-row:1/2}.wfb-progress{grid-column:1/2;grid-row:2/3}.wfb-price-chip{grid-column:2/3;grid-row:1/3}.wfb-nav-title span{font-size:8px}.wfb-nav-title b{font-size:14px}.wfb-design-card{padding:9px!important;border-radius:18px}.wfb-stage{height:360px!important}.wfb-ring{width:270px!important;height:270px!important}.wfb-ring-shadow{width:280px!important;height:280px!important}.wfb-bead{width:var(--wfb-item-width,42px)!important;height:var(--wfb-item-height,42px)!important}.wfb-design-top{padding-bottom:9px}.wfb-stage-hint{font-size:9px}.wfb-controls-column{gap:8px}.wfb-card{padding:14px!important;border-radius:17px!important}.wfb-crystal-grid{grid-template-columns:repeat(2,1fr)!important}.wfb-crystal{padding:9px!important}.wfb-crystal i{width:38px!important;height:38px!important}.wfb-final-head b{font-size:15px}.wfb-final-head>strong{font-size:18px}}

/* WishfulBox UX v10 — bold, lively jewellery studio */
.wfb-builder{
  --ink:#182b29!important;
  --ink-2:#314844!important;
  --muted:#6b6863!important;
  --paper:#fffdfb!important;
  --cream:#fff8ef!important;
  --teal:#087f78!important;
  --teal-dark:#075f5a!important;
  --coral:#ef765d!important;
  --coral-dark:#d95745!important;
  --plum:#8650a3!important;
  --violet:#9c78dc!important;
  --pink:#f08aa2!important;
  --gold:#e2aa3b!important;
  --sky:#5ba8dc!important;
  --mint:#59b995!important;
  --line:#e9e2da!important;
  --shadow:0 24px 70px rgba(29,38,34,.12)!important;
}
.wfb-builder .wfb-screen{
  background:linear-gradient(145deg,#fffdfb 0%,#fff9f1 52%,#f1fbf7 100%)!important;
  border:1px solid rgba(24,43,41,.08)!important;
}
.wfb-builder .wfb-intention-screen{
  background:
    radial-gradient(circle at 92% 8%,rgba(239,118,93,.18),transparent 22%),
    radial-gradient(circle at 6% 90%,rgba(135,80,163,.15),transparent 25%),
    linear-gradient(135deg,#fffdf9 0%,#fff7eb 48%,#eaf9f4 100%)!important;
}
.wfb-builder .wfb-brand-dot{background:var(--coral)!important;box-shadow:0 0 0 6px rgba(239,118,93,.14)!important}
.wfb-builder .wfb-eyebrow,.wfb-builder .wfb-nav-title span{color:var(--teal)!important}
.wfb-builder .wfb-hero-copy h2 i{color:var(--plum)!important}
.wfb-builder .wfb-hero-copy h2{color:var(--ink)!important}
.wfb-builder .wfb-intent{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(24,43,41,.09)!important;
  box-shadow:0 5px 16px rgba(40,35,30,.04)!important;
}
.wfb-builder .wfb-intent:nth-child(4n+1) .wfb-intent-icon{background:#ffe3dc!important;color:#d95543!important}
.wfb-builder .wfb-intent:nth-child(4n+2) .wfb-intent-icon{background:#fff0c8!important;color:#ad7410!important}
.wfb-builder .wfb-intent:nth-child(4n+3) .wfb-intent-icon{background:#e5edff!important;color:#4d70c7!important}
.wfb-builder .wfb-intent:nth-child(4n+4) .wfb-intent-icon{background:#eee2ff!important;color:#8750a3!important}
.wfb-builder .wfb-intent.selected{
  background:linear-gradient(135deg,#087f78,#075f5a)!important;
  border-color:#087f78!important;
  box-shadow:0 16px 32px rgba(8,127,120,.22)!important;
}
.wfb-builder .wfb-intent.selected .wfb-intent-icon{background:#fff!important}
.wfb-builder .wfb-intent.selected .wfb-intent-check{background:var(--coral)!important;border-color:var(--coral)!important}
.wfb-builder .wfb-hero-cta{background:linear-gradient(135deg,var(--coral),#f08a63)!important;box-shadow:0 12px 25px rgba(239,118,93,.28)!important}
.wfb-builder .wfb-primary{background:linear-gradient(135deg,var(--coral),#e96552)!important;box-shadow:0 12px 26px rgba(239,118,93,.25)!important}
.wfb-builder .wfb-builder-screen{
  background:
    radial-gradient(circle at 4% 12%,rgba(91,168,220,.10),transparent 18%),
    radial-gradient(circle at 95% 85%,rgba(240,138,162,.12),transparent 20%),
    #f7fbf8!important;
}
.wfb-builder .wfb-stage{
  background:
    radial-gradient(circle at 52% 42%,rgba(255,255,255,.98) 0 19%,rgba(255,238,218,.85) 44%,rgba(218,243,236,.95) 76%,rgba(238,226,255,.8) 100%)!important;
  border:1px solid rgba(8,127,120,.10)!important;
}
.wfb-builder .wfb-ring{
  border:2px solid rgba(8,127,120,.12)!important;
  box-shadow:0 0 0 12px rgba(8,127,120,.025),0 0 70px rgba(239,118,93,.10)!important;
}
.wfb-builder .wfb-bead{
  border:3px solid #fff!important;
  box-shadow: 0 5px 17px rgba(34, 30, 26, .10), inset -2px -2px 8px rgba(0, 0, 0, .15), inset 4px 4px 9px rgba(255, 255, 255, .55) !important;

  background-size:100%!important;

  background-repeat:no-repeat!important;}
.wfb-builder .wfb-bead.selected{outline:none!important;outline-offset:0!important;}
.wfb-builder .wfb-card{
  border:1px solid rgba(24,43,41,.08)!important;
  box-shadow:0 8px 24px rgba(34,38,34,.045)!important;
}
.wfb-builder .wfb-step{
  background:#e5f5ef!important;color:var(--teal)!important
}
.wfb-builder .wfb-discovery{
  background:#fff!important;border:1px solid #e3dbd2!important;color:#5d5955!important;
}
.wfb-builder .wfb-discovery.active{
  background:linear-gradient(135deg,var(--plum),#a766c4)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 7px 16px rgba(134,80,163,.22)!important;
}
.wfb-builder .wfb-crystal{
  background:#fff!important;border:1px solid rgba(24,43,41,.09)!important;
  box-shadow:0 5px 16px rgba(30,30,27,.045)!important;
}
.wfb-builder .wfb-crystal:hover{
  border-color:var(--coral)!important;box-shadow:0 12px 25px rgba(239,118,93,.13)!important;
}
.wfb-builder .wfb-crystal i{
  box-shadow:0 5px 13px rgba(30,30,27,.14),inset -4px -4px 7px rgba(0,0,0,.10),inset 4px 4px 8px rgba(255,255,255,.55)!important;
}
.wfb-builder .wfb-category-head>span{background:#eaf7f3!important;color:var(--teal)!important}
.wfb-builder .wfb-price-chip{
  color:var(--coral-dark)!important;border-color:rgba(239,118,93,.20)!important;background:#fff8f4!important;
}
.wfb-builder .wfb-add-cart{
  background:linear-gradient(135deg,#ef765d,#df604e)!important;
  box-shadow:0 12px 25px rgba(239,118,93,.24)!important;
}
.wfb-builder .wfb-more-options{background:#fff!important}
.wfb-builder .wfb-composition span{background:#edf8f4!important;color:#3f6c64!important}
.wfb-builder .wfb-nav-title b{color:var(--ink)!important}
.wfb-builder .wfb-selected-note{color:var(--teal)!important}
@media(max-width:650px){
  .wfb-builder .wfb-hero-copy h2{font-size:39px!important}
  .wfb-builder .wfb-intention-grid{grid-template-columns:repeat(2,1fr)!important}
  .wfb-builder .wfb-stage{height:340px!important}
}

.wfb-builder .wfb-for-you-category + .wfb-for-you-category{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px dashed rgba(24,43,41,.12)!important;
}
.wfb-builder .wfb-for-you-category .wfb-category-head b{
  letter-spacing:.02em!important;
}

/* v16: the dragged bead is a viewport-level ghost, not an absolutely
   positioned bracelet bead. This prevents it from appearing above the stage. */
.wfb-builder .wfb-drag-ghost{
  position:fixed!important;
  left:auto!important;
  top:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  z-index:999999!important;
  pointer-events:none!important;
  visibility:visible!important;
}

/* v16: grouped For You sections */
.wfb-builder .wfb-for-you-category{
  margin-top:14px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(24,43,41,.10)!important;
}
.wfb-builder .wfb-for-you-category:first-child{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.wfb-builder .wfb-for-you-category .wfb-category-head b{
  font-size:13px!important;
  font-weight:850!important;
}

/* v17: ghost and original bead share the ring coordinate system */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  position:absolute!important; left:0!important; top:0!important;
  width:56px!important; height:56px!important; margin:0!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  z-index:99999!important; pointer-events:none!important;
  visibility:visible!important; opacity:1!important;
}
.wfb-builder .wfb-bead.wfb-dragging{
  opacity:.18!important; visibility:visible!important;
}

/* v18: cursor-to-ghost mapping is 1:1; no animation or layout interpolation */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  transition:none!important;
  animation:none!important;
  will-change:left,top!important;
}

/* v19: JS owns the ghost coordinates. Do NOT force left/top to 0. */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  transition:none!important;
  animation:none!important;
  z-index:99999!important;
  pointer-events:none!important;
  visibility:visible!important;
  opacity:1!important;
}

/* v20: the dragged clone is centered exactly on the pointer */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  transform-origin:center center!important;
  margin:0!important;
  transition:none!important;
  animation:none!important;
  pointer-events:none!important;
  z-index:99999!important;
}

/* v21: ghost starts at source bead, then follows drag pointer */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  transform-origin:center center!important;
  transition:none!important;
  animation:none!important;
  pointer-events:none!important;
  z-index:99999!important;
}

/* v22: ghost follows the dragged bead by pointer delta */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  transform-origin:center center!important;
  margin:0!important;
  transition:none!important;
  animation:none!important;
  pointer-events:none!important;
  z-index:99999!important;
}

/* v23: JS explicitly owns ghost left/top. Do not reset them to auto. */
.wfb-builder .wfb-ring .wfb-drag-ghost{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  transform-origin:center center!important;
  margin:0!important;
  transition:none!important;
  animation:none!important;
  pointer-events:none!important;
  z-index:99999!important;
  visibility:visible!important;
  opacity:1!important;
}

/* v24: prevent iOS/Safari from selecting the ring or initiating a native
   drag gesture. The bracelet has its own pointer-driven drag system. */
.wfb-builder .wfb-stage,
.wfb-builder .wfb-ring,
.wfb-builder .wfb-bead,
.wfb-builder .wfb-insert-gap{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  -webkit-user-drag:none!important;
}
.wfb-builder .wfb-stage,
.wfb-builder .wfb-ring{
  overscroll-behavior:none!important;
}
.wfb-builder .wfb-bead{
  -webkit-user-drag:none!important;
  touch-action:none!important;
}
.wfb-builder .wfb-ring{
  touch-action:none!important;
}

/* v25: insertion gap uses the same post-removal slot as the bead reflow */
.wfb-builder .wfb-insert-gap{
  pointer-events:none!important;
}

/* v58.98: crystal/charm cards must not activate while the user is scrolling.
   A short tap still adds the item; a touch that moves becomes a native page scroll. */
.wfb-builder .wfb-crystal{
  touch-action:pan-y!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* v26: intention cards select on a single tap, without long-press delay */
.wfb-builder .wfb-intent{
  touch-action:manipulation!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.wfb-builder .wfb-intent *{
  pointer-events:none!important;
}
.wfb-builder .wfb-progress i:last-of-type{
  display:none!important;
}

/* v27: clear reset state with an obvious next action */
.wfb-builder .wfb-empty-bracelet{
  position:absolute!important;
  z-index:8!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(250px,72%)!important;
  padding:22px 18px!important;
  border:1px solid rgba(46,125,115,.16)!important;
  border-radius:22px!important;
  background:rgba(255,253,249,.94)!important;
  box-shadow:0 16px 38px rgba(39,49,46,.12)!important;
  backdrop-filter:blur(12px)!important;
  text-align:center!important;
}
.wfb-builder .wfb-empty-bracelet[hidden]{display:none!important}
.wfb-builder .wfb-empty-icon{
  width:42px!important;height:42px!important;margin:0 auto 10px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:rgba(46,125,115,.11)!important;color:var(--teal)!important;font-size:20px!important;
}
.wfb-builder .wfb-empty-bracelet strong{
  display:block!important;font-size:17px!important;line-height:1.2!important;color:var(--ink)!important;
}
.wfb-builder .wfb-empty-bracelet>span{
  display:block!important;margin:7px 0 14px!important;font-size:11px!important;
  line-height:1.45!important;color:#766e65!important;
}
.wfb-builder .wfb-empty-action{
  border:0!important;border-radius:999px!important;padding:9px 14px!important;
  background:var(--teal)!important;color:#fff!important;font-weight:800!important;
  font-size:11px!important;cursor:pointer!important;
  touch-action:manipulation!important;
}

/* v28: Step 01 is the single, compact route back to intentions */
.wfb-builder .wfb-step-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  font:inherit!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.wfb-builder .wfb-step-link:active{transform:scale(.96)!important}
.wfb-builder .wfb-update-intentions{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:5px 0 0!important;
  color:var(--teal)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  text-align:left!important;
}
.wfb-builder .wfb-update-intentions span{display:inline-block!important;margin-left:3px!important}
.wfb-builder .wfb-update-intentions:active{opacity:.7!important}

/* v28.2: real crystal image = no bead border */
/* v32: subtle physical bead shadow for crystal-image beads.
   Keeps the real crystal image unchanged while adding depth/contact shadow
   so the bracelet reads as a natural string of rounded beads rather than
   flat circles. */
.wfb-builder .wfb-bead.wfb-has-image{
  border:none!important;
  /* v1.0.105: natural cast shadow.  The shadow is offset down/right and
     softly blurred, matching a physical bead resting on a surface instead
     of the dark oval/contact patch used previously. */
  box-shadow:none!important;
  filter:drop-shadow(4px 8px 5px rgba(42,31,24,.34))!important;
}
.wfb-builder .wfb-bead.wfb-crystal-bead.wfb-has-image::after{
  content:none!important;
  display:none!important;
}
.wfb-builder .wfb-bead.wfb-crystal-bead.wfb-has-image .wfb-bead-visual{
  z-index:1!important;
}

/* Static texture variation: the outer bead remains untransformed so its
   dimensions and position stay identical for drag, save, share and export. */
.wfb-builder .wfb-bead.wfb-crystal-bead{overflow:hidden!important}
.wfb-builder .wfb-bead.wfb-crystal-bead .wfb-bead-visual{position:absolute!important;inset:-21%!important;display:block!important;border-radius:50%!important;background-repeat:no-repeat!important;background-position:calc(50% + var(--wfb-natural-frame-x,0%)) calc(50% + var(--wfb-natural-frame-y,0%))!important;background-size:cover!important;transform:rotate(calc(var(--wfb-crystal-rotation,0deg) + var(--wfb-natural-rotation,0deg))) scaleX(var(--wfb-natural-flip,1));transform-origin:center!important;filter:brightness(var(--wfb-natural-brightness,1)) contrast(var(--wfb-natural-contrast,1)) saturate(var(--wfb-natural-saturate,1));pointer-events:none!important}
.wfb-builder .wfb-bead.wfb-crystal-bead .wfb-bead-visual.wfb-crystal-spin{animation:wfbCrystalSpin 1s cubic-bezier(.16,1,.3,1) 1!important}
@keyframes wfbCrystalSpin{from{transform:rotate(calc(var(--wfb-crystal-rotation,0deg) + var(--wfb-natural-rotation,0deg))) scaleX(var(--wfb-natural-flip,1))}to{transform:rotate(calc(var(--wfb-crystal-rotation,0deg) + var(--wfb-natural-rotation,0deg) + 45deg)) scaleX(var(--wfb-natural-flip,1))}}

/* v30: explicit bead border requested for all bracelet beads */
.wfb-builder .wfb-bead{
  border:0px solid #fff!important;
}

/* v30: expand bracelet circumference as bead count grows */
.wfb-builder .wfb-ring{
  width:var(--wfb-ring-size,360px)!important;
  height:var(--wfb-ring-size,360px)!important;
  min-width:var(--wfb-ring-size,360px)!important;
  min-height:var(--wfb-ring-size,360px)!important;
  max-width:none!important;
  max-height:none!important;
  position:relative!important;
}
.wfb-builder .wfb-ring-shadow{
  width:var(--wfb-ring-size,360px)!important;
  height:var(--wfb-ring-size,360px)!important;
}

/* v31: explicit bead border and non-overlapping circumference */
.wfb-builder .wfb-bead{
  border:0px solid #fff!important;
  width:var(--wfb-bead-diameter,42px)!important;
  height:var(--wfb-bead-diameter,42px)!important;
}
.wfb-builder .wfb-ring-shadow{
  width:var(--wfb-ring-size,360px)!important;
  height:var(--wfb-ring-size,360px)!important;
}

/* v32: guarantee a small physical gap between adjacent beads */
.wfb-builder .wfb-bead{
  border:0px solid #fff!important;
  box-sizing:border-box!important;
}

/* v33: bead edge + true circumference sizing */
.wfb-builder .wfb-bead{
  border:0px solid #fff!important;
  box-sizing:border-box!important;
  width:var(--wfb-bead-diameter,42px)!important;
  height:var(--wfb-bead-diameter,42px)!important;
}
.wfb-builder .wfb-ring{
  width:var(--wfb-ring-size,360px)!important;
  height:var(--wfb-ring-size,360px)!important;
  min-width:var(--wfb-ring-size,360px)!important;
  min-height:var(--wfb-ring-size,360px)!important;
  max-width:none!important;
  max-height:none!important;
}
.wfb-builder .wfb-ring-shadow{
  width:var(--wfb-ring-size,360px)!important;
  height:var(--wfb-ring-size,360px)!important;
}

/* v34: beads sit almost edge-to-edge — maximum 0.5px calculated gap */
.wfb-builder .wfb-bead{
  margin:0!important;
}

/* v35: truly edge-to-edge beads — zero calculated gap */
.wfb-builder .wfb-bead{
  margin:0!important;
}

/* v43: remove decorative ring shadow completely */
.wfb-builder .wfb-ring-shadow,
.wfb-builder .wfb-ring-shadow::before,
.wfb-builder .wfb-ring-shadow::after{
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* v43: crystal images use DOM backgroundImage, never malformed inline HTML */
.wfb-builder .wfb-crystal > i{
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}
.wfb-builder .wfb-bead{
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* v44: bracelet thread rendered by the ring pseudo-element */
.wfb-builder .wfb-ring{
  position:relative!important;
  border:0!important;
  box-shadow:none!important;
}
.wfb-builder .wfb-ring::before{
  content:""!important;
  position:absolute!important;
  left:4%!important;
  top:4%!important;
  width:92%!important;
  height:92%!important;
  box-sizing:border-box!important;
  border: 3px solid #C4C4C4 !important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
.wfb-builder .wfb-bead{
  opacity:.85!important;
  z-index:2!important;
}

/* v49: price chip spacing */
.wfb-price-chip small{
  margin-right:6px;
}
.wfb-price-chip{
  gap:0px;
}

/* v50: compact mobile bracelet
   Desktop sizing remains unchanged. On phones the whole bracelet is
   constrained to a compact 280px circle, and bead size scales with the
   same 56/360 ratio so the existing edge-to-edge geometry is preserved. */
@media (max-width:767px){
  .wfb-builder .wfb-builder-screen{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .wfb-builder [data-ring]{
    width:min(280px,78vw)!important;
    height:min(280px,78vw)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Bead dimensions are controlled by JS via --wfb-item-width/height.
     Do not override them here with a viewport-based diameter. */
  .wfb-builder [data-ring] .wfb-bead{
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  .wfb-builder [data-ring] .wfb-ring-shadow{
    width:92%!important;
    height:92%!important;
  }

  .wfb-builder [data-ring]::before{
    left:4%!important;
    top:4%!important;
    width:92%!important;
    height:92%!important;
  }
}

/* v51: variable physical dimensions for spacers/charms */
.wfb-builder .wfb-bead{
  width:var(--wfb-item-width,var(--wfb-bead-diameter,42px))!important;
  height:var(--wfb-item-height,var(--wfb-bead-diameter,42px))!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-charm.wfb-has-image{
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* v52: physical bracelet circumference selector */
.wfb-circumference-card{
  padding:16px!important;
}
.wfb-circumference-row select{
  width:100%!important;
  min-height:48px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--ink)!important;
  padding:0 14px!important;
  font-size:13px!important;
  font-weight:800!important;
  outline:none!important;
}
.wfb-capacity-note{
  margin-top:8px!important;
  font-size:10px!important;
  color:#8b8177!important;
}
.wfb-capacity-note span{
  color:var(--teal)!important;
  font-weight:850!important;
}

/* v53: charms/spacers follow the bracelet tangent */
.wfb-builder .wfb-bead.wfb-charm{
  transform:translate(-50%,-50%) rotate(var(--wfb-charm-rotation,0deg))!important;
  transform-origin:center center!important;
}
.wfb-builder .wfb-bead.wfb-charm > *{
  transform:none!important;
}

/* v54: mobile geometry follows the JS-calculated ring size */
@media (max-width:767px){
  .wfb-builder [data-ring]{
    width:var(--wfb-ring-size,280px)!important;
    height:var(--wfb-ring-size,280px)!important;
    min-width:var(--wfb-ring-size,280px)!important;
    min-height:var(--wfb-ring-size,280px)!important;
    max-width:none!important;
    max-height:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* v54: export/share actions */
.wfb-builder .wfb-design-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.wfb-builder .wfb-design-actions button{
  appearance:none!important;
  border:1px solid rgba(24,43,41,.12)!important;
  background:#fff!important;
  color:var(--ink)!important;
  border-radius:11px!important;
  min-height:38px!important;
  padding:0 12px!important;
  font-weight:800!important;
  font-size:11px!important;
  cursor:pointer!important;
}
.wfb-builder .wfb-design-actions button:hover{
  border-color:var(--teal)!important;
  color:var(--teal)!important;
}
.wfb-builder .wfb-design-actions .wfb-share{
  background:var(--teal)!important;
  border-color:var(--teal)!important;
  color:#fff!important;
}
@media(max-width:620px){
  .wfb-builder .wfb-design-actions button{
    min-height:36px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
}

/* v56: compact mobile style controls */
@media (max-width:767px){
  .wfb-builder .wfb-style-card,
  .wfb-builder .wfb-controls-card{
    padding:14px 16px!important;
  }
  .wfb-builder .wfb-style-head{margin-bottom:8px!important}
  .wfb-builder .wfb-style-section{margin-top:7px!important}
  .wfb-builder .wfb-style-section > label{
    display:inline-block!important;width:68px!important;margin:0 6px 0 0!important;
    font-size:11px!important;vertical-align:middle!important;
  }
  .wfb-builder .wfb-style-options{
    display:inline-flex!important;width:calc(100% - 78px)!important;
    vertical-align:middle!important;gap:6px!important;
  }
  .wfb-builder .wfb-style-options button{
    min-height:38px!important;height:38px!important;flex:1 1 0!important;
    padding:0 8px!important;font-size:13px!important;border-radius:10px!important;
  }
  .wfb-builder .wfb-option-group,
  .wfb-builder .wfb-control-group{
    display:flex!important;align-items:center!important;gap:6px!important;
    margin:6px 0!important;
  }
  .wfb-builder .wfb-option-group > label,
  .wfb-builder .wfb-control-group > label{
    flex:0 0 68px!important;margin:0!important;font-size:11px!important;
  }
  .wfb-builder .wfb-option-group > div,
  .wfb-builder .wfb-option-group .wfb-options,
  .wfb-builder .wfb-control-group > div,
  .wfb-builder .wfb-control-group .wfb-options{
    flex:1!important;display:flex!important;gap:6px!important;
  }
  .wfb-builder .wfb-option-group button,
  .wfb-builder .wfb-control-group button{
    min-height:38px!important;height:38px!important;flex:1!important;
    padding:0 8px!important;font-size:13px!important;
  }
}

/* v57: truly compact mobile "Choose your style" controls */
@media (max-width:767px){
  .wfb-builder .wfb-options-card{
    padding:12px 14px!important;
  }
  .wfb-builder .wfb-options-card > .wfb-control-head{
    margin-bottom:8px!important;
  }
  .wfb-builder .wfb-options-card > .wfb-control-head b{
    font-size:17px!important;
  }
  .wfb-builder .wfb-options-card > .wfb-control-head small{
    font-size:11px!important;
  }

  .wfb-builder .wfb-options-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:0!important;
  }
  .wfb-builder .wfb-options-card > .wfb-control-head{
    grid-column:1 / -1!important;
  }

  .wfb-builder .wfb-options-card .wfb-option-block{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .wfb-builder .wfb-options-card .wfb-option-block > label{
    display:block!important;
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.12em!important;
  }
  .wfb-builder .wfb-options-card .wfb-pills{
    display:flex!important;
    width:100%!important;
    gap:5px!important;
    margin:0!important;
  }
  .wfb-builder .wfb-options-card .wfb-pills button{
    min-width:0!important;
    width:50%!important;
    flex:1 1 0!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 5px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:12px!important;
  }
  .wfb-builder .wfb-options-card .wfb-pills button strong{
    font-size:14px!important;
  }
  .wfb-builder .wfb-options-card .wfb-pills button span{
    font-size:10px!important;
  }
  .wfb-builder .wfb-options-card .wfb-pills button em{
    font-size:8px!important;
  }
}

/* v58: reduce builder vertical height on mobile */
@media (max-width:767px){
  .wfb-builder .wfb-design-top{
    min-height:44px!important;
    align-items:center!important;
    gap:8px!important;
  }
  .wfb-builder .wfb-design-top > div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .wfb-builder .wfb-compact-circumference{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:0!important;
  }
  .wfb-builder .wfb-compact-circumference label{
    font-size:9px!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .wfb-builder .wfb-compact-circum-row,
  .wfb-builder .wfb-compact-circ-row{
    display:flex!important;
    align-items:center!important;
  }
  .wfb-builder .wfb-compact-circumference select{
    width:105px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 25px 0 9px!important;
    font-size:12px!important;
    border-radius:10px!important;
  }
  .wfb-builder .wfb-compact-circumference > span{
    display:none!important;
  }
  .wfb-builder .wfb-design-bottom{
    padding:8px 10px!important;
    gap:6px!important;
  }
  .wfb-builder .wfb-design-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    width:auto!important;
  }
  .wfb-builder .wfb-design-actions button{
    min-height:36px!important;
    height:36px!important;
    padding:0 8px!important;
    font-size:11px!important;
    border-radius:9px!important;
    white-space:nowrap!important;
  }
  .wfb-builder .wfb-bottom-undo,
  .wfb-builder .wfb-bottom-reset{
    display:inline-flex!important;
  }
}

/* v58.1: mobile builder DOM/layout repair */
@media (max-width:767px){
  .wfb-builder .wfb-builder-layout{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .wfb-builder .wfb-design-column,
  .wfb-builder .wfb-design-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .wfb-builder .wfb-design-top{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-wrap:nowrap!important;
  }
  .wfb-builder .wfb-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:340px!important;
    box-sizing:border-box!important;
    position:relative!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
  }
}

/* v58.2: compact, centered mobile action controls */
@media (max-width:767px){
  .wfb-builder .wfb-design-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    padding:8px 8px 6px!important;
  }
  .wfb-builder .wfb-design-bottom > div:first-child{
    flex:0 0 auto!important;
    min-width:54px!important;
  }
  .wfb-builder .wfb-design-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    gap:5px!important;
  }
  .wfb-builder .wfb-design-actions button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    margin:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    line-height:1!important;
    font-size:11px!important;
    font-weight:800!important;
    border-radius:9px!important;
    white-space:nowrap!important;
  }
  .wfb-builder .wfb-bottom-undo{
    width:34px!important;
    padding:0!important;
    font-size:19px!important;
    line-height:1!important;
  }
  .wfb-builder .wfb-bottom-reset{
    min-width:54px!important;
  }
  .wfb-builder .wfb-design-actions [data-similar]{
    min-width:67px!important;
  }
  .wfb-builder .wfb-design-actions [data-export]{
    min-width:61px!important;
  }
  .wfb-builder .wfb-design-actions [data-share]{
    min-width:67px!important;
  }

  /* Keep the actual bracelet thread circular; remove any accidental
     element-level border/shadow that could produce a straight guide line. */
  .wfb-builder .wfb-ring{
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .wfb-builder .wfb-ring-shadow{
    border:0!important;
    box-shadow:none!important;
  }
}

/* v58.3: final mobile action-bar correction */
@media (max-width:767px){
  .wfb-builder .wfb-design-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    padding:7px 7px 6px!important;
    box-sizing:border-box!important;
  }
  .wfb-builder .wfb-design-bottom > div:first-child{
    flex:0 0 52px!important;
    width:52px!important;
    min-width:52px!important;
    margin:0!important;
    text-align:left!important;
  }
  .wfb-builder .wfb-design-bottom > div:first-child span{
    display:block!important;
    font-size:9px!important;
    line-height:1.05!important;
    letter-spacing:.12em!important;
  }
  .wfb-builder .wfb-design-bottom > div:first-child b{
    display:block!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .wfb-builder .wfb-design-actions{
    display:grid!important;
    grid-template-columns:32px 52px 57px 62px!important;
    flex:0 0 auto!important;
    width:209px!important;
    min-width:209px!important;
    gap:5px!important;
    align-items:center!important;
    justify-content:end!important;
  }
  .wfb-builder .wfb-design-actions button,
  .wfb-builder .wfb-design-actions .wfb-bottom-undo,
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    margin:0!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    text-indent:0!important;
    line-height:1!important;
    font-size:10px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    border-radius:9px!important;
  }
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{
    font-size:18px!important;
    padding:0!important;
  }

  /* No Similar control in this version. */
  .wfb-builder .wfb-design-actions [data-similar]{
    display:none!important;
  }

  /* Only the intended circular thread pseudo-element may draw the bracelet
     thread. The ring element itself must never have a border/outline. */
  .wfb-builder .wfb-ring{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .wfb-builder .wfb-ring-shadow{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
}

/* v58.4: responsive bracelet viewport — final override */
.wfb-builder .wfb-stage{
  overflow:hidden!important;
}
.wfb-builder .wfb-ring{
  margin:0!important;
}
@media (max-width:767px){
  .wfb-builder .wfb-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:340px!important;
    min-height:340px!important;
    max-height:340px!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .wfb-builder .wfb-stage [data-ring]{
    margin:0!important;
    flex:none!important;
  }
  .wfb-builder .wfb-stage-hint{
    bottom:7px!important;
    z-index:10!important;
  }
}

/* v58.5 FINAL: mobile sizing/cascade fix
   This block intentionally comes last so the old v30-v58 !important rules
   cannot force the bracelet off-screen. */
@media screen and (max-width:767px){
  html,body{overflow-x:hidden!important;}
  .wfb-builder{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:8px 0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .wfb-builder .wfb-builder-screen,
  .wfb-builder .wfb-design-column,
  .wfb-builder .wfb-design-card,
  .wfb-builder .wfb-builder-layout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .wfb-builder .wfb-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:min(78vw,340px)!important;
    min-height:270px!important;
    max-height:340px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
  }
  .wfb-builder .wfb-ring[data-ring]{
    width:var(--wfb-ring-size,280px)!important;
    height:var(--wfb-ring-size,280px)!important;
    min-width:var(--wfb-ring-size,280px)!important;
    min-height:var(--wfb-ring-size,280px)!important;
    max-width:var(--wfb-ring-size,280px)!important;
    max-height:var(--wfb-ring-size,280px)!important;
    flex:0 0 var(--wfb-ring-size,280px)!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .wfb-builder .wfb-ring[data-ring] .wfb-bead{
    width:var(--wfb-item-width,var(--wfb-bead-diameter,42px))!important;
    height:var(--wfb-item-height,var(--wfb-bead-diameter,42px))!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  .wfb-builder .wfb-ring[data-ring]::before{
    left:4%!important;
    top:4%!important;
    width:92%!important;
    height:92%!important;
  }
  .wfb-builder .wfb-stage-hint{
    bottom:7px!important;
    max-width:calc(100% - 24px)!important;
  }
}


/* v58-13: invisible drag insertion preview. The preview is represented only
   by the physical width of the dragged item; no + icon, dashed circle, or
   visible placeholder should ever appear. */
.wfb-builder .wfb-insert-gap{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.wfb-builder .wfb-insert-gap span{display:none!important}
.wfb-builder .wfb-bead{
  will-change:left,top,transform!important;
}

/* v58.19: while a bead is being dragged, show only the live ghost. The
   source element must not remain as a translucent duplicate in the ring. */
.wfb-builder .wfb-bead.wfb-dragging{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v58.55 — Drag-to-delete target. Visible only while a bracelet piece is being dragged. */
.wfb-builder .wfb-drop-delete{
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 11px!important;
  border:1px solid rgba(202,95,82,.35)!important;
  border-radius:999px!important;
  background:rgba(255,248,246,.94)!important;
  color:#9b6258!important;
  box-shadow:0 5px 16px rgba(60,35,25,.12)!important;
  font-size:8px!important;
  letter-spacing:.04em!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(6px) scale(.96)!important;
  transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease!important;
  pointer-events:none!important;
}
.wfb-builder .wfb-drop-delete.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.wfb-builder .wfb-drop-delete.is-active{
  background:#9b6258!important;
  border-color:#9b6258!important;
  color:#fff!important;
  transform:translateY(0) scale(1.04)!important;
}
.wfb-builder .wfb-drop-delete span{font-size:11px!important;line-height:1!important}
.wfb-builder .wfb-drop-delete b{font-weight:850!important;white-space:nowrap!important}
@media(max-width:767px){
  .wfb-builder .wfb-drop-delete{right:9px!important;bottom:9px!important;padding:7px 9px!important;font-size:7px!important}
  .wfb-builder .wfb-drop-delete span{font-size:10px!important}
}

/* v58.27 — Magic design action */
.wfb-builder .wfb-design-actions .wfb-magic{
  border-color:#9c78dc!important;
  color:#8650a3!important;
  background:#fff!important;
  font-weight:850!important;
}
.wfb-builder .wfb-design-actions .wfb-magic:hover{
  background:#f5eef9!important;
  border-color:#8650a3!important;
}
.wfb-builder .wfb-design-actions .wfb-magic.is-magic{
  background:#8650a3!important;
  color:#fff!important;
  transform:scale(1.04)!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-design-actions .wfb-magic{font-size:10px!important;padding:0 9px!important}
}

/* v58.27 final mobile action-bar layout: five compact actions including Magic */
@media (max-width:767px){
  .wfb-builder .wfb-design-actions{
    display:grid!important;
    grid-template-columns:32px 52px 55px 57px 62px!important;
    flex:0 0 auto!important;
    width:278px!important;
    min-width:278px!important;
    gap:5px!important;
    align-items:center!important;
    justify-content:end!important;
  }
  .wfb-builder .wfb-design-actions .wfb-magic{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    padding:0 3px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

/* v58.31 — mobile visual polish / usability pass
   Presentation-only changes. The drag, insertion, export, share, magic and
   cart logic remain untouched. The goal is a cleaner, thumb-friendly mobile
   configurator with less wasted vertical space while keeping every control
   visible and easy to reach. */
@media screen and (max-width:767px){
  .wfb-builder{
    --mobile-gap:8px;
    margin:0!important;
    font-size:14px!important;
    overflow:visible!important;
  }

  /* ---------- Step 01 ---------- */
  .wfb-builder .wfb-intention-screen{
    padding:24px 14px 16px!important;
    border-radius:22px!important;
    box-shadow:0 10px 35px rgba(38,48,44,.07)!important;
  }
  .wfb-builder .wfb-brandline{
    margin-bottom:22px!important;
    gap:6px!important;
  }
  .wfb-builder .wfb-hero-copy h2{
    font-size:34px!important;
    line-height:1.04!important;
    margin-bottom:11px!important;
  }
  .wfb-builder .wfb-hero-copy p{
    font-size:13px!important;
    line-height:1.5!important;
  }
  .wfb-builder .wfb-intention-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:20px 0 14px!important;
  }
  .wfb-builder .wfb-intent{
    min-height:78px!important;
    padding:10px!important;
    border-radius:15px!important;
    gap:8px!important;
  }
  .wfb-builder .wfb-intent-icon{
    width:32px!important;height:32px!important;flex-basis:32px!important;
    border-radius:10px!important;font-size:15px!important;
  }
  .wfb-builder .wfb-intent-copy b{font-size:10.5px!important}
  .wfb-builder .wfb-intent-copy small{font-size:8px!important;margin-top:4px!important}
  .wfb-builder .wfb-intent-check{right:7px!important;top:7px!important;width:17px!important;height:17px!important;font-size:9px!important}
  .wfb-builder .wfb-intention-footer{gap:8px!important}
  .wfb-builder .wfb-selected-note{font-size:11px!important;min-height:18px!important}
  .wfb-builder .wfb-hero-cta{min-height:46px!important;border-radius:13px!important;font-size:13px!important}

  /* ---------- Step 02 shell ---------- */
  .wfb-builder .wfb-builder-screen{
    padding:7px!important;
    border-radius:20px!important;
    overflow:visible!important;
  }
  .wfb-builder .wfb-builder-nav{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:2px 4px 8px!important;
    min-height:43px!important;
  }
  .wfb-builder .wfb-progress{
    grid-column:auto!important;grid-row:auto!important;
    gap:4px!important;
  }
  .wfb-builder .wfb-progress .wfb-step-link,
  .wfb-builder .wfb-progress span{
    width:27px!important;height:27px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }
  .wfb-builder .wfb-progress i{width:9px!important}
  .wfb-builder .wfb-nav-title{
    grid-column:auto!important;grid-row:auto!important;
    min-width:0!important;text-align:left!important;
  }
  .wfb-builder .wfb-nav-title span{
    font-size:7px!important;letter-spacing:.12em!important;
  }
  .wfb-builder .wfb-nav-title b{
    font-size:13px!important;line-height:1.1!important;margin-top:2px!important;
  }
  .wfb-builder .wfb-update-intentions{
    font-size:9px!important;padding:2px 0 0!important;
  }
  .wfb-builder .wfb-price-chip{
    grid-column:auto!important;grid-row:auto!important;
    padding:7px 9px!important;border-radius:11px!important;
    font-size:15px!important;white-space:nowrap!important;
  }
  .wfb-builder .wfb-price-chip small{font-size:7px!important;margin-right:4px!important}

  .wfb-builder .wfb-builder-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:var(--mobile-gap)!important;
  }
  .wfb-builder .wfb-design-column,
  .wfb-builder .wfb-controls-column{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  .wfb-builder .wfb-design-column{position:relative!important;top:auto!important}

  /* ---------- Bracelet card ---------- */
  .wfb-builder .wfb-design-card{
    padding:7px!important;
    border-radius:19px!important;
    box-shadow:0 8px 24px rgba(38,48,44,.055)!important;
  }
  .wfb-builder .wfb-design-top{
    min-height:42px!important;
    padding:1px 4px 7px!important;
  }
  .wfb-builder .wfb-design-top > div:first-child{gap:7px!important}
  .wfb-builder .wfb-live-dot{width:7px!important;height:7px!important;box-shadow:0 0 0 4px #e1f0e8!important}
  .wfb-builder .wfb-design-top b{font-size:14px!important}
  .wfb-builder .wfb-design-top small{font-size:9px!important}
  .wfb-builder .wfb-compact-circumference{gap:4px!important}
  .wfb-builder .wfb-compact-circumference label{font-size:7.5px!important;letter-spacing:.06em!important}
  .wfb-builder .wfb-compact-circumference select{
    width:91px!important;height:33px!important;min-height:33px!important;
    padding:0 7px!important;border-radius:9px!important;font-size:11px!important;
  }
  .wfb-builder .wfb-compact-circumference > span{display:none!important}

  .wfb-builder .wfb-stage{
    height:78vw!important;
    min-height:280px!important;
    max-height:320px!important;
    border-radius:17px!important;
  }
  .wfb-builder .wfb-ring[data-ring]{
    max-width:calc(100% - 28px)!important;
    max-height:calc(100% - 28px)!important;
  }
  .wfb-builder .wfb-stage-hint{
    left:8px!important;bottom:7px!important;
    padding:6px 9px!important;
    font-size:9px!important;
    box-shadow:0 4px 12px rgba(36,42,39,.06)!important;
  }

  /* ---------- Thumb-friendly action rail ---------- */
  .wfb-builder .wfb-design-bottom{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    padding:7px 3px 2px!important;
  }
  .wfb-builder .wfb-design-bottom > div:first-child{
    width:48px!important;min-width:48px!important;flex:none!important;
  }
  .wfb-builder .wfb-design-bottom > div:first-child span{font-size:7px!important;letter-spacing:.1em!important}
  .wfb-builder .wfb-design-bottom > div:first-child b{font-size:12px!important;line-height:1.1!important}
  .wfb-builder .wfb-design-actions{
    display:grid!important;
    grid-template-columns:34px repeat(4,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;
    gap:4px!important;
  }
  .wfb-builder .wfb-design-actions button,
  .wfb-builder .wfb-design-actions .wfb-bottom-undo,
  .wfb-builder .wfb-design-actions .wfb-bottom-reset,
  .wfb-builder .wfb-design-actions .wfb-magic{
    width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;
    padding:0 3px!important;border-radius:10px!important;font-size:10px!important;
  }
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{font-size:18px!important}
  .wfb-builder .wfb-design-actions .wfb-magic{font-size:10px!important}

  /* ---------- Style controls ---------- */
  .wfb-builder .wfb-controls-column{gap:var(--mobile-gap)!important}
  .wfb-builder .wfb-options-card{
    padding:12px!important;
    border-radius:17px!important;
  }
  .wfb-builder .wfb-options-card > .wfb-control-head{margin-bottom:9px!important}
  .wfb-builder .wfb-options-card > .wfb-control-head b{font-size:15px!important}
  .wfb-builder .wfb-options-card > .wfb-control-head small{font-size:9px!important}
  .wfb-builder .wfb-control-icon{width:29px!important;height:29px!important;border-radius:9px!important;font-size:13px!important}
  .wfb-builder .wfb-options-card .wfb-option-block > label{font-size:8px!important;margin-bottom:5px!important}
  .wfb-builder .wfb-options-card .wfb-pills{gap:5px!important}
  .wfb-builder .wfb-options-card .wfb-pills button{
    height:39px!important;min-height:39px!important;border-radius:10px!important;
    font-size:11px!important;
  }
  .wfb-builder .wfb-options-card .wfb-pills button strong{font-size:13px!important}
  .wfb-builder .wfb-options-card .wfb-pills button span{font-size:9px!important}

  /* ---------- Crystal / charm picker ---------- */
  .wfb-builder .wfb-bead-picker{
    padding:12px!important;border-radius:17px!important;
  }
  .wfb-builder .wfb-bead-picker .wfb-control-head{margin-bottom:10px!important}
  .wfb-builder .wfb-bead-picker .wfb-control-head b{font-size:15px!important}
  .wfb-builder .wfb-bead-picker .wfb-control-head small{font-size:9px!important}
  .wfb-builder .wfb-discovery-actions{
    margin:0 -2px 11px!important;
    padding:1px 2px 4px!important;
    gap:5px!important;
  }
  .wfb-builder .wfb-discovery{
    min-height:37px!important;
    padding:0 13px!important;
    font-size:10px!important;
  }
  .wfb-builder .wfb-category-head{margin-bottom:8px!important}
  .wfb-builder .wfb-category-head b{font-size:12px!important}
  .wfb-builder .wfb-category-head small{font-size:9px!important}
  .wfb-builder .wfb-category-head > span{min-width:25px!important;height:25px!important;font-size:9px!important}
  .wfb-builder .wfb-crystal-grid{gap:7px!important}
  .wfb-builder .wfb-crystal{
    min-height:145px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .wfb-builder .wfb-crystal i{width:42px!important;height:42px!important;margin-bottom:7px!important}
  .wfb-builder .wfb-crystal strong{font-size:11px!important}
  .wfb-builder .wfb-crystal small{font-size:9px!important;line-height:1.35!important;margin:4px 0 6px!important}
    .wfb-builder .wfb-crystal button,
  .wfb-builder .wfb-crystal a{min-height:28px!important}

  /* ---------- Final summary ---------- */
  .wfb-builder .wfb-final-card{
    padding:14px!important;
    border-radius:18px!important;
    box-shadow:0 8px 25px rgba(38,48,44,.055)!important;
  }
  .wfb-builder .wfb-final-head{margin-bottom:9px!important;align-items:center!important}
  .wfb-builder .wfb-final-head .wfb-eyebrow{font-size:7px!important}
  .wfb-builder .wfb-final-head b{font-size:15px!important}
  .wfb-builder .wfb-final-head > strong{font-size:19px!important;white-space:nowrap!important}
  .wfb-builder .wfb-composition{
    max-height:116px!important;
    overflow:auto!important;
    padding:1px 1px 5px!important;
    margin-bottom:9px!important;
    scrollbar-width:none!important;
  }
  .wfb-builder .wfb-composition::-webkit-scrollbar{display:none!important}
  .wfb-builder .wfb-composition span{
    padding:5px 8px!important;font-size:8px!important;border-radius:999px!important;
  }
  .wfb-builder .wfb-summary{
    grid-template-columns:1fr auto 1fr auto!important;
    gap:6px 8px!important;
    padding:9px 0!important;
    font-size:9px!important;
  }
  .wfb-builder .wfb-add-cart{
    min-height:47px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
}

/* Small-phone refinement: keep the action rail and bracelet header from
   becoming cramped on 320–360px wide screens. */
@media screen and (max-width:380px){
  .wfb-builder .wfb-stage{min-height:270px!important}
  .wfb-builder .wfb-design-bottom{grid-template-columns:44px minmax(0,1fr)!important}
  .wfb-builder .wfb-design-bottom > div:first-child{width:44px!important;min-width:44px!important}
  .wfb-builder .wfb-design-actions{grid-template-columns:32px repeat(4,minmax(0,1fr))!important;gap:3px!important}
  .wfb-builder .wfb-design-actions button{font-size:9px!important;padding:0 2px!important}
  .wfb-builder .wfb-compact-circumference label{display:none!important}
  .wfb-builder .wfb-compact-circumference select{width:84px!important}
}


/* v58.33 — Dense mobile crystal/charm catalog
 * Keep cards content-sized so the picker feels like a product catalogue,
 * not a large empty tile grid. Titles use the crystal name only.
 */
@media screen and (max-width:620px){
  .wfb-builder .wfb-crystal-grid{
    gap:8px!important;
    align-items:stretch!important;
  }
  .wfb-builder .wfb-crystal{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  .wfb-builder .wfb-crystal i{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin:0 0 5px!important;
  }
  .wfb-builder .wfb-crystal strong{
    font-size:11px!important;
    line-height:1.15!important;
    min-height:0!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .wfb-builder .wfb-crystal small{
    font-size:8.5px!important;
    line-height:1.25!important;
    margin:3px 0 0!important;
    min-height:0!important;
    max-height:21px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .wfb-builder .wfb-category-head{margin-bottom:7px!important}
  .wfb-builder .wfb-category-head b{font-size:12px!important}
  .wfb-builder .wfb-category-head small{font-size:8.5px!important}
}

@media screen and (max-width:380px){
  .wfb-builder .wfb-crystal{padding:7px!important}
  .wfb-builder .wfb-crystal i{width:36px!important;height:36px!important;flex-basis:36px!important}
  .wfb-builder .wfb-crystal strong{font-size:10.5px!important}
  .wfb-builder .wfb-crystal small{font-size:8px!important}
}


/* v58.35 — truly compact mobile catalogue cards.
 * The whole card is the tap target. No redundant Add bead/charm row.
 * Keep the product grid dense enough for fast mobile browsing.
 */
@media screen and (max-width:620px){
  .wfb-builder .wfb-crystal-grid{gap:7px!important;}
  .wfb-builder .wfb-crystal{
    min-height:0!important;
    height:auto!important;
    padding:8px!important;
    border-radius:13px!important;
    display:block!important;
  }
  .wfb-builder .wfb-crystal i{
    width:36px!important;height:36px!important;flex:none!important;
    margin:0 0 5px!important;
  }
  .wfb-builder .wfb-crystal strong{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    margin:0!important;
    min-height:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .wfb-builder .wfb-crystal small{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:8.5px!important;
    line-height:1.22!important;
    margin:3px 0 0!important;
    min-height:0!important;
    max-height:21px!important;
  }
}
@media screen and (max-width:380px){
  .wfb-builder .wfb-crystal{padding:7px!important}
  .wfb-builder .wfb-crystal i{width:34px!important;height:34px!important;margin-bottom:4px!important}
  .wfb-builder .wfb-crystal strong{font-size:10.5px!important}
  .wfb-builder .wfb-crystal small{font-size:8px!important;max-height:20px!important}
}

/* v58.36 — mobile typography balance
 * Increase only the small text that has enough room, keeping the compact
 * two-column catalogue intact. No layout/interaction dimensions changed.
 */
@media screen and (max-width:620px){
  .wfb-builder .wfb-crystal strong{font-size:12.5px!important;line-height:1.16!important}
  .wfb-builder .wfb-crystal small{font-size:9.5px!important;line-height:1.25!important;max-height:24px!important}
  .wfb-builder .wfb-category-head b{font-size:13px!important}
  .wfb-builder .wfb-category-head small{font-size:9.5px!important}
  .wfb-builder .wfb-category-head > span{font-size:10px!important}
  .wfb-builder .wfb-discovery{font-size:11px!important}
  .wfb-builder .wfb-options-card .wfb-option-block > label{font-size:9px!important}
  .wfb-builder .wfb-options-card .wfb-pills button strong{font-size:14px!important}
  .wfb-builder .wfb-options-card .wfb-pills button span{font-size:10px!important}
  .wfb-builder .wfb-final-head .wfb-eyebrow{font-size:8px!important}
  .wfb-builder .wfb-final-head b{font-size:16px!important}
  .wfb-builder .wfb-final-head > strong{font-size:20px!important}
  .wfb-builder .wfb-composition span{font-size:9px!important}
  .wfb-builder .wfb-summary{font-size:10px!important}
}
@media screen and (max-width:380px){
  .wfb-builder .wfb-crystal strong{font-size:11.5px!important}
  .wfb-builder .wfb-crystal small{font-size:9px!important}
  .wfb-builder .wfb-final-head b{font-size:15.5px!important}
}

/* v58.41 — slightly more breathing room for the mobile bracelet builder */
@media screen and (max-width:620px){
  .wfb-builder .wfb-stage{
    height:84vw!important;
    min-height:300px!important;
    max-height:340px!important;
  }
}


/* v58.49 — final UI polish: reliable intentions link, compact 3-column
 * crystal catalogue, clean horizontal tabs, share hover, undo icon and
 * cross-browser wrist-size selector. Presentation-only; no builder logic. */
.wfb-builder .wfb-update-intentions,
.wfb-builder .wfb-step-link{position:relative;z-index:5;pointer-events:auto!important;touch-action:manipulation!important}

/* Horizontal catalogue tabs: compact, flat and easy to scan. */
.wfb-builder .wfb-discovery-actions{
  display:flex!important;
  align-items:flex-end!important;
  gap:22px!important;
  overflow-x:auto!important;
  margin:0 0 16px!important;
  padding:0 2px!important;
  border-bottom:1px solid #e8dfd5!important;
}
.wfb-builder .wfb-discovery{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 2px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#625d58!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.wfb-builder .wfb-discovery:hover{background:transparent!important;color:var(--teal)!important}
.wfb-builder .wfb-discovery.active{
  background:transparent!important;
  border:0!important;
  color:var(--plum)!important;
  box-shadow:none!important;
}
.wfb-builder .wfb-discovery.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:3px!important;
  border-radius:3px 3px 0 0!important;
  background:var(--plum)!important;
}

/* Share hover: preserve teal text on a white hover surface. */
.wfb-builder .wfb-design-actions .wfb-share:hover,
.wfb-builder .wfb-share:hover{
  background:#fff!important;
  border-color:var(--teal)!important;
  color:var(--teal)!important;
}

/* Three compact product cards per row. */
.wfb-builder .wfb-crystal-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.wfb-builder .wfb-crystal{
  min-width:0!important;
  padding:10px!important;
}
.wfb-builder .wfb-crystal i{width:42px!important;height:42px!important}

/* Cleaner undo glyph. */
.wfb-builder .wfb-bottom-undo{
  font-size:19px!important;
  line-height:1!important;
}

/* Native select reset + consistent custom arrow across Safari/Chrome/Android. */
.wfb-builder .wfb-compact-circumference select{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:132px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 34px 0 13px!important;
  border:1px solid #ddd2c5!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--ink)!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:40px!important;
  box-shadow:0 2px 8px rgba(35,42,40,.05)!important;
  background-image:linear-gradient(45deg,transparent 50%,#6d665f 50%),linear-gradient(135deg,#6d665f 50%,transparent 50%)!important;
  background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
.wfb-builder .wfb-compact-circumference select:hover{border-color:#b8cfc6!important}
.wfb-builder .wfb-compact-circumference select:focus{
  outline:none!important;
  border-color:var(--teal)!important;
  box-shadow:0 0 0 3px rgba(8,127,120,.10)!important;
}

@media(max-width:767px){
  .wfb-builder .wfb-discovery-actions{gap:18px!important;margin-bottom:14px!important}
  .wfb-builder .wfb-discovery{min-height:38px!important;padding-bottom:9px!important;font-size:11px!important}
  .wfb-builder .wfb-crystal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .wfb-builder .wfb-crystal{padding:7px!important;border-radius:12px!important}
  .wfb-builder .wfb-crystal i{width:32px!important;height:32px!important;margin-bottom:5px!important}
  .wfb-builder .wfb-crystal strong{font-size:10px!important;line-height:1.15!important}
  .wfb-builder .wfb-crystal small{font-size:7.5px!important;line-height:1.2!important;margin-top:3px!important;max-height:18px!important}
  .wfb-builder .wfb-compact-circumference select{width:112px!important;height:36px!important;min-height:36px!important;font-size:10.5px!important;line-height:36px!important;border-radius:10px!important;padding-left:11px!important;padding-right:30px!important;background-position:calc(100% - 14px) 15px,calc(100% - 9px) 15px!important}
}
@media(max-width:380px){
  .wfb-builder .wfb-crystal-grid{gap:5px!important}
  .wfb-builder .wfb-crystal{padding:6px!important}
  .wfb-builder .wfb-crystal i{width:30px!important;height:30px!important}
  .wfb-builder .wfb-crystal strong{font-size:9.5px!important}
  .wfb-builder .wfb-crystal small{font-size:7px!important}
  .wfb-builder .wfb-discovery-actions{gap:15px!important}
}


/* v58.49 mobile-only crystal benefit readability tweak */
@media (max-width: 767px) {
  .wfb-card__benefit,
  .wfb-crystal-benefit,
  .wfb-item-benefit,
  .wfb-card .wfb-benefit {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

/* v58.51 — mobile readability refinement: typography only; 3-column grid unchanged */
@media screen and (max-width:620px){
  .wfb-builder .wfb-control-head small{font-size:11px!important}
  .wfb-builder .wfb-control-head em{font-size:10px!important}
  .wfb-builder .wfb-options-card .wfb-pills button span{font-size:11px!important}
  .wfb-builder .wfb-discovery{font-size:12px!important}
  .wfb-builder .wfb-crystal small{font-size:10.5px!important;line-height:1.25!important;max-height:27px!important}
  .wfb-builder .wfb-category-head small{font-size:10.5px!important}
}
@media screen and (max-width:380px){
  .wfb-builder .wfb-crystal small{font-size:10px!important;max-height:25px!important}
}


/* v58.58 — product tour mobile step visibility + help placement */
.wfb-tour-help{
  appearance:none!important;-webkit-appearance:none!important;
  border:1px solid #d9d0c6!important;background:#fff!important;color:var(--teal,#087f78)!important;
  border-radius:999px!important;padding:8px 12px!important;font:700 11px/1.1 inherit!important;
  cursor:pointer!important;white-space:nowrap!important;box-shadow:0 2px 10px rgba(35,42,40,.06)!important;
  margin:0!important;transition:all .18s ease!important;
}
.wfb-builder-nav{position:relative!important}
.wfb-tour-help-inline{position:static!important;left:auto!important;top:auto!important;transform:none!important;flex:0 0 auto!important;margin-left:auto!important;align-self:center!important}
.wfb-tour-help-inline:hover{background:#f7fbfa!important;border-color:var(--teal,#087f78)!important;transform:translateY(-1px)!important}
.wfb-tour-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:auto!important}
.wfb-tour-overlay[hidden]{display:none!important}
.wfb-tour-spotlight{position:fixed!important;border-radius:14px!important;pointer-events:none!important;border:2px solid rgba(8,127,120,.85)!important;box-shadow:0 0 0 9999px rgba(19,27,25,.48),0 0 0 5px rgba(255,255,255,.78),0 8px 30px rgba(8,127,120,.18)!important;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease!important}
.wfb-tour-card{position:fixed!important;width:min(340px,calc(100vw - 24px))!important;background:#fffdf9!important;color:var(--ink,#17302e)!important;border:1px solid #e4dcd2!important;border-radius:18px!important;padding:17px 17px 14px!important;box-shadow:0 18px 55px rgba(20,30,28,.25)!important;z-index:2!important;box-sizing:border-box!important}
.wfb-tour-step{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#edf7f5!important;color:var(--teal,#087f78)!important;border-radius:999px!important;padding:5px 9px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.05em!important;margin-bottom:8px!important}
.wfb-tour-close{position:absolute!important;right:10px!important;top:8px!important;width:30px!important;height:30px!important;border:0!important;background:transparent!important;color:#756e67!important;font-size:22px!important;line-height:30px!important;cursor:pointer!important}
.wfb-tour-title{font-size:17px!important;line-height:1.2!important;font-weight:800!important;margin-right:25px!important}
.wfb-tour-text{font-size:12.5px!important;line-height:1.5!important;color:#756e67!important;margin:7px 0 14px!important}
.wfb-tour-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.wfb-tour-skip{border:0!important;background:transparent!important;color:#817970!important;padding:8px 4px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
.wfb-tour-next{border:0!important;background:var(--teal,#087f78)!important;color:#fff!important;border-radius:10px!important;padding:10px 14px!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important;min-width:76px!important}
.wfb-tour-next:hover{filter:brightness(.96)}
.wfb-tour-pulse{animation:wfbTourPulse .9s ease-in-out infinite!important}
@keyframes wfbTourPulse{50%{box-shadow:0 0 0 5px rgba(139,84,190,.14)!important}}
html.wfb-tour-open,body.wfb-tour-open{overflow-x:hidden!important}
@media(max-width:767px){
  .wfb-tour-help{font-size:10px!important;padding:7px 10px!important}
  .wfb-tour-help-inline{font-size:10px!important;padding:7px 9px!important;margin-left:8px!important}
  .wfb-tour-card{width:calc(100vw - 24px)!important;border-radius:16px!important;padding:15px!important}
  .wfb-tour-title{font-size:16px!important}
  .wfb-tour-text{font-size:12px!important}
}


/* v58.97 — Mobile page scrolling + bead drag coexistence.
   The stage/ring must allow vertical page panning when the user starts on
   empty ring space. Individual beads remain touch-action:none so starting a
   gesture directly on a bead is reserved for the custom drag interaction. */
@media (max-width: 767px){
  .wfb-builder .wfb-stage,
  .wfb-builder .wfb-ring{
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch;
  }
  .wfb-builder .wfb-bead{
    touch-action:none!important;
  }
}

/* v58.99 — Let native page scrolling coexist with bracelet interactions.
   This applies to the stage/ring on desktop trackpads and mobile touch.
   Individual beads retain touch-action:none for custom drag-and-drop. */
.wfb-builder .wfb-stage,
.wfb-builder .wfb-ring{
  touch-action:pan-y!important;
  overscroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch;
}
.wfb-builder .wfb-bead{
  touch-action:none!important;
}


/* v58.102 — Keep the crystal/charm palette compact with its own scroll area.
   The builder page should not become excessively tall just because the palette
   contains many cards. The palette header/tabs stay fixed while the card list
   scrolls independently. Three rows are visible at a time. */
.wfb-builder .wfb-bead-picker{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.wfb-builder .wfb-bead-picker .wfb-discovery-actions{
  flex:0 0 auto!important;
}
.wfb-builder .wfb-bead-picker .wfb-category-list{
  flex:0 1 auto!important;
  height:auto!important;
  max-height:465px!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  padding-right:4px!important;
}
.wfb-builder .wfb-bead-picker .wfb-category-list::-webkit-scrollbar{width:6px!important}
.wfb-builder .wfb-bead-picker .wfb-category-list::-webkit-scrollbar-track{background:transparent!important}
.wfb-builder .wfb-bead-picker .wfb-category-list::-webkit-scrollbar-thumb{background:#d7cec3!important;border-radius:999px!important}

@media(max-width:1100px){
  .wfb-builder .wfb-bead-picker .wfb-category-list{
    height:auto!important;
    max-height:465px!important;
  }
}

@media(max-width:767px){
  .wfb-builder .wfb-bead-picker .wfb-category-list{
    height:auto!important;
    max-height:420px!important;
    padding-right:2px!important;
    overscroll-behavior:auto!important;
  }
}

@media(max-width:380px){
  .wfb-builder .wfb-bead-picker .wfb-category-list{
    height:auto!important;
    max-height:390px!important;
  }
}


/* v1.0.105 final bead-shadow override: soft directional cast shadow only. */
.wfb-builder .wfb-bead.wfb-crystal-bead.wfb-has-image{
  box-shadow:none!important;
  filter:drop-shadow(4px 8px 5px rgba(42,31,24,.34))!important;
}
.wfb-builder .wfb-bead.wfb-crystal-bead.wfb-has-image::after{
  content:none!important;
  display:none!important;
}

/* v1.0.123 — export renderer uses fixed circular bead geometry; live bead size is never scaled by natural variation. */
.wfb-builder .wfb-bead.wfb-crystal-bead{box-sizing:border-box!important;}


/* v1.0.128 — remove artificial white rim and deepen the natural cast shadow. */
.wfb-builder .wfb-bead.wfb-crystal-bead.wfb-has-image{
  filter:none!important;
  box-shadow:inset -6px -7px 11px rgba(0,0,0,.15),inset 4px 4px 8px rgba(255,255,255,.42)!important;
  border:none!important;
}
.wfb-builder .wfb-bead-shadow{
  position:absolute!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%) translate(4px,7px) scale(.92,.64)!important;
  background:rgba(42,31,24,.23)!important;
  filter:blur(5px)!important;
  pointer-events:none!important;
  user-select:none!important;
  z-index:3!important;
}
.wfb-builder .wfb-bead-shadow + .wfb-bead{z-index:4!important;}

/* Configurable center dandelion/logo. The logo lives at the exact centre of
   the bracelet and never participates in bead dragging or sizing. */
.wfb-builder .wfb-center-logo-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:110px!important;
  height:110px!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
  user-select:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.wfb-builder .wfb-center-logo-wrap[hidden]{display:none!important}
.wfb-builder .wfb-center-logo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  max-width:none!important;
  max-height:none!important;
  pointer-events:none!important;
  user-select:none!important;
}
@media(max-width:620px){
  .wfb-builder .wfb-center-logo-wrap{width:88px!important;height:88px!important}
}


/* v1.0.150 — keep intention titles clear of the top-right selection control.
   Reserve horizontal space for the check/radio indicator so long intention
   names wrap inside the text area instead of running underneath the control. */
.wfb-builder .wfb-intent{
  padding-right:38px!important;
}
.wfb-builder .wfb-intent-copy{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
}
.wfb-builder .wfb-intent-check{
  z-index:3!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-intent{
    padding-right:31px!important;
  }
}


/* v1.0.153 — Keep the palette's internal scroll, but shrink the viewport
   when fewer than three rows of cards are present. max-height preserves the
   three-row scrolling area when the card list is larger. */
.wfb-builder .wfb-bead-picker .wfb-category-list{
  height:auto!important;
  max-height:465px!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-bead-picker .wfb-category-list{height:auto!important;max-height:420px!important;}
}
@media(max-width:380px){
  .wfb-builder .wfb-bead-picker .wfb-category-list{height:auto!important;max-height:390px!important;}
}


/* v1.0.158 — Step 01 editorial copy and intention descriptions.
   Match the supplied mobile/desktop reference: a stronger lead sentence,
   a lighter supporting line, and useful descriptive copy inside each card.
   The existing card layout, selection behavior and responsive grid remain unchanged. */
.wfb-builder .wfb-hero-copy p{
  max-width:680px!important;
  margin:0!important;
  color:#655f58!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.wfb-builder .wfb-hero-copy p strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:19px!important;
  line-height:1.3!important;
  font-weight:800!important;
  margin-bottom:3px!important;
}
.wfb-builder .wfb-hero-copy p span{
  display:block!important;
  color:#756d65!important;
}
.wfb-builder .wfb-intent-copy{
  min-width:0!important;
  padding-top:1px!important;
  padding-right:2px!important;
}
.wfb-builder .wfb-intent-copy b{
  font-size:14px!important;
  line-height:1.22!important;
  letter-spacing:-.01em!important;
}
.wfb-builder .wfb-intent-copy small{
  font-size:10.5px!important;
  line-height:1.38!important;
  margin-top:7px!important;
  color:#81786f!important;
  font-weight:500!important;
  white-space:normal!important;
}
.wfb-builder .wfb-intent.selected .wfb-intent-copy small{
  color:#d0ded8!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-hero-copy p{
    font-size:13.5px!important;
    line-height:1.52!important;
  }
  .wfb-builder .wfb-hero-copy p strong{
    font-size:15.5px!important;
    line-height:1.32!important;
    margin-bottom:3px!important;
  }
  .wfb-builder .wfb-intent-copy b{
    font-size:11.5px!important;
    line-height:1.22!important;
  }
  .wfb-builder .wfb-intent-copy small{
    font-size:9.5px!important;
    line-height:1.32!important;
    margin-top:5px!important;
  }
}

/* v1.0.161 — simplified customer-first Step 2 UX.
   The complete builder remains available, but the purchase path is now the
   first thing customers see: ready bracelet -> price -> Add to Cart. */
.wfb-builder .wfb-builder-screen{padding:20px!important}
.wfb-builder .wfb-nav-title small[data-intentions-summary]{display:block!important;margin-top:4px!important;color:#7b726a!important;font-size:10px!important;font-weight:650!important}
.wfb-builder .wfb-price-chip{font-size:18px!important;padding:10px 14px!important}
.wfb-builder .wfb-price-chip small{font-size:7px!important}
.wfb-builder .wfb-final-card{
  order:-1!important;
  padding:20px!important;
  border:1px solid rgba(8,127,120,.14)!important;
  box-shadow:0 12px 30px rgba(34,38,34,.07)!important;
  background:linear-gradient(145deg,#fffdf9 0%,#f4faf7 100%)!important;
}
.wfb-builder .wfb-final-head{align-items:flex-start!important;margin-bottom:13px!important}
.wfb-builder .wfb-final-head .wfb-eyebrow{font-size:9px!important;margin-bottom:5px!important;letter-spacing:.16em!important}
.wfb-builder .wfb-final-head b{font-size:21px!important;line-height:1.15!important}
.wfb-builder .wfb-final-subcopy{display:block!important;margin-top:5px!important;color:#7b726a!important;font-size:10px!important;line-height:1.4!important}
.wfb-builder .wfb-final-head>strong{font-size:27px!important;white-space:nowrap!important;color:#754b82!important}
.wfb-builder .wfb-add-cart{min-height:56px!important;font-size:16px!important;border-radius:15px!important}
.wfb-builder .wfb-options-card{order:0!important}
.wfb-builder .wfb-bead-picker{order:1!important}
.wfb-builder .wfb-options-card .wfb-control-head,
.wfb-builder .wfb-bead-picker .wfb-control-head{margin-bottom:12px!important}
.wfb-builder .wfb-options-card .wfb-control-head b,
.wfb-builder .wfb-bead-picker .wfb-control-head b{font-size:15px!important}
.wfb-builder .wfb-options-card .wfb-control-head small,
.wfb-builder .wfb-bead-picker .wfb-control-head small{font-size:9.5px!important;color:#81786f!important}
.wfb-builder .wfb-discovery[data-view="matched"]::before{content:""}
.wfb-builder .wfb-design-bottom>div:first-child span{color:var(--teal)!important}
.wfb-builder .wfb-magic{font-size:10px!important}

@media(max-width:767px){
  .wfb-builder .wfb-builder-screen{padding:7px!important}
  .wfb-builder .wfb-nav-title small[data-intentions-summary]{font-size:8.5px!important;line-height:1.25!important}
  .wfb-builder .wfb-price-chip{font-size:15px!important;padding:8px 10px!important}
  .wfb-builder .wfb-final-card{padding:15px!important;border-radius:18px!important}
  .wfb-builder .wfb-final-head b{font-size:18px!important}
  .wfb-builder .wfb-final-subcopy{font-size:9px!important;max-width:220px!important}
  .wfb-builder .wfb-final-head>strong{font-size:22px!important}
  .wfb-builder .wfb-add-cart{min-height:52px!important;font-size:14px!important}
}

/* v1.0.161 — purchase-first Step 2 hierarchy.
   Keep every existing control, but make the shortest path: bracelet → buy → customize. */
.wfb-builder .wfb-design-column{display:flex!important;flex-direction:column!important;gap:10px!important}
.wfb-builder .wfb-design-column .wfb-final-card{order:2!important;width:100%!important;box-sizing:border-box!important}
.wfb-builder .wfb-final-card{padding:17px 18px!important}
.wfb-builder .wfb-final-head{margin-bottom:10px!important}
.wfb-builder .wfb-final-head b{font-size:19px!important}
.wfb-builder .wfb-final-subcopy{font-size:10px!important;line-height:1.4!important}
.wfb-builder .wfb-final-head>strong{font-size:25px!important}
.wfb-builder .wfb-summary{margin-top:0!important;margin-bottom:11px!important;padding:9px 0!important}
.wfb-builder .wfb-add-cart{min-height:54px!important;margin-bottom:11px!important}
.wfb-builder .wfb-composition{margin:0!important;max-height:74px!important;overflow-y:auto!important;padding-top:2px!important}
.wfb-builder .wfb-composition:before{content:'Your crystal combination';display:block;width:100%;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#81786f;margin-bottom:5px}
.wfb-builder .wfb-options-card .wfb-control-head b:before{content:'Want to customise?';}
.wfb-builder .wfb-options-card .wfb-control-head b{font-size:0!important}
.wfb-builder .wfb-options-card .wfb-control-head b:before{font-size:15px!important}
.wfb-builder .wfb-options-card .wfb-control-head small{font-size:0!important}
.wfb-builder .wfb-options-card .wfb-control-head small:before{content:'Optional — change the size or style if you like';font-size:9.5px!important}
.wfb-builder .wfb-bead-picker .wfb-control-head b{font-size:15px!important}

@media(max-width:900px){
  .wfb-builder .wfb-design-column{gap:8px!important}
}
@media(max-width:620px){
  .wfb-builder .wfb-final-card{padding:14px!important;border-radius:18px!important}
  .wfb-builder .wfb-final-head b{font-size:17px!important}
  .wfb-builder .wfb-final-subcopy{font-size:9px!important}
  .wfb-builder .wfb-final-head>strong{font-size:22px!important}
  .wfb-builder .wfb-summary{font-size:10px!important;margin-bottom:9px!important}
  .wfb-builder .wfb-add-cart{min-height:52px!important;margin-bottom:9px!important}
  .wfb-builder .wfb-composition{max-height:68px!important}
  .wfb-builder .wfb-composition:before{font-size:8px!important}
}


/* v1.0.162 — purchase summary directly follows the bracelet.
   Keep the complete builder functionality, but make the shortest path
   visually obvious: bracelet → purchase → optional customisation. */
.wfb-builder .wfb-design-card{display:flex!important;flex-direction:column!important}
.wfb-builder .wfb-design-card > .wfb-final-card{order:4!important;width:100%!important;box-sizing:border-box!important;margin-top:10px!important}
.wfb-builder .wfb-design-card > .wfb-design-bottom{order:3!important}
.wfb-builder .wfb-design-card > .wfb-stage{order:2!important}
.wfb-builder .wfb-design-card > .wfb-design-top{order:1!important}
.wfb-builder .wfb-design-card > .wfb-stage + .wfb-design-bottom + .wfb-final-card{display:block!important}
.wfb-builder .wfb-final-card{padding:17px 18px!important}
.wfb-builder .wfb-final-head{margin-bottom:10px!important}
.wfb-builder .wfb-final-head b{font-size:19px!important}
.wfb-builder .wfb-final-subcopy{font-size:10px!important;line-height:1.4!important}
.wfb-builder .wfb-final-head>strong{font-size:25px!important}
.wfb-builder .wfb-summary{margin-top:0!important;margin-bottom:9px!important;padding:9px 0!important}
.wfb-builder .wfb-add-cart{min-height:54px!important;margin-bottom:9px!important}
.wfb-builder .wfb-composition{margin:0!important;max-height:74px!important;overflow-y:auto!important}
.wfb-builder .wfb-composition:before{content:'Your crystal combination';display:block;width:100%;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#81786f;margin-bottom:5px}
.wfb-builder .wfb-price-chip{display:none!important}
.wfb-builder .wfb-builder-nav{grid-template-columns:auto 1fr!important}
@media(max-width:767px){
  .wfb-builder .wfb-design-card > .wfb-final-card{margin-top:8px!important;padding:14px!important;border-radius:18px!important}
  .wfb-builder .wfb-final-head b{font-size:17px!important}
  .wfb-builder .wfb-final-subcopy{font-size:9px!important}
  .wfb-builder .wfb-final-head>strong{font-size:22px!important}
  .wfb-builder .wfb-add-cart{min-height:52px!important}
  .wfb-builder .wfb-composition{max-height:68px!important}
}

/* v1.0.163 — customer-first cleanup: progressive customisation, clearer
   labels, conditional undo/status, and simplified sharing controls. */
.wfb-builder .wfb-price-chip{display:none!important}
.wfb-builder .wfb-design-status[hidden],
.wfb-builder [data-left][hidden],
.wfb-builder [data-undo][hidden]{display:none!important}
.wfb-builder .wfb-design-actions [data-export]{display:none!important}
.wfb-builder .wfb-design-actions{grid-template-columns:32px repeat(2,minmax(0,1fr)) 52px!important}
.wfb-builder .wfb-design-actions .wfb-share{font-size:0!important;width:52px!important;min-width:52px!important;padding:0!important}
.wfb-builder .wfb-design-actions .wfb-share::before{content:'↗';font-size:18px!important;line-height:1!important}
.wfb-builder .wfb-nav-title small[data-intentions-summary]{font-size:14px!important;line-height:1.35!important;font-weight:800!important;color:var(--teal)!important;letter-spacing:-.01em!important}
.wfb-builder .wfb-customise-toggle{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;padding:16px 18px!important;text-align:left!important;cursor:pointer!important;appearance:none!important;color:inherit!important}
.wfb-builder .wfb-customise-toggle .wfb-control-icon{width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;border-radius:14px!important;background:#e9f3ef!important;color:#087f78!important;font-size:18px!important}
.wfb-builder .wfb-customise-toggle>span:nth-child(2){display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important}
.wfb-builder .wfb-customise-toggle b{font-size:18px!important;line-height:1.15!important}
.wfb-builder .wfb-customise-toggle small{margin-top:4px!important;color:#81786f!important;font-size:10px!important;line-height:1.35!important}
.wfb-builder .wfb-customise-toggle>strong{font-size:22px!important;color:#087f78!important;line-height:1!important}
.wfb-builder .wfb-customise-toggle.is-open{border-color:rgba(8,127,120,.22)!important}
.wfb-builder .wfb-customise-panel{display:flex!important;flex-direction:column!important;gap:10px!important}
.wfb-builder .wfb-customise-panel[hidden]{display:none!important}
.wfb-builder .wfb-customise-panel .wfb-options-card,
.wfb-builder .wfb-customise-panel .wfb-bead-picker{width:100%!important;box-sizing:border-box!important}
.wfb-builder .wfb-summary{grid-template-columns:1fr auto 1fr auto!important}
@media(max-width:767px){
  .wfb-builder .wfb-nav-title small[data-intentions-summary]{font-size:11px!important;line-height:1.35!important;max-width:100%!important}
  .wfb-builder .wfb-design-actions{grid-template-columns:32px repeat(2,minmax(0,1fr)) 48px!important}
  .wfb-builder .wfb-design-actions .wfb-share{width:48px!important;min-width:48px!important}
  .wfb-builder .wfb-design-actions .wfb-share::before{font-size:17px!important}
  .wfb-builder .wfb-customise-toggle{padding:14px!important;border-radius:17px!important}
  .wfb-builder .wfb-customise-toggle .wfb-control-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;font-size:16px!important}
  .wfb-builder .wfb-customise-toggle b{font-size:16px!important}
  .wfb-builder .wfb-customise-toggle small{font-size:9.5px!important}
}

/* v1.0.163 — keep action spacing clean when Undo is intentionally hidden. */
.wfb-builder .wfb-design-actions.wfb-no-undo{grid-template-columns:repeat(2,minmax(0,1fr)) 52px!important}
.wfb-builder .wfb-design-actions.wfb-no-undo .wfb-share{grid-column:auto!important}
@media(max-width:767px){
  .wfb-builder .wfb-design-actions.wfb-no-undo{grid-template-columns:repeat(2,minmax(0,1fr)) 48px!important}
  .wfb-builder .wfb-nav-title small[data-intentions-summary]{font-size:12px!important}
}


/* v1.0.164 — single expandable customisation panel + robust action rail.
   The closed state must contain only one "Want to customise?" card. The
   action buttons stay in normal flow so mobile browsers cannot overlap them. */
.wfb-builder .wfb-customise-panel .wfb-options-card > .wfb-control-head{display:none!important}
.wfb-builder .wfb-customise-panel .wfb-options-card{padding-top:17px!important}
.wfb-builder .wfb-design-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;position:relative!important;overflow:visible!important}
.wfb-builder .wfb-design-status[hidden]{display:none!important}
.wfb-builder .wfb-design-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;position:static!important;transform:none!important;overflow:visible!important}
.wfb-builder .wfb-design-actions button{position:static!important;transform:none!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;flex:0 0 auto!important}
.wfb-builder .wfb-design-actions [data-undo][hidden],
.wfb-builder .wfb-design-actions [data-export][hidden],
.wfb-builder .wfb-design-actions [data-similar][hidden]{display:none!important}
.wfb-builder .wfb-design-actions [data-export],
.wfb-builder .wfb-design-actions [data-similar]{display:none!important}
.wfb-builder .wfb-design-actions .wfb-bottom-undo{width:38px!important;min-width:38px!important;padding:0!important}
.wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:72px!important}
.wfb-builder .wfb-design-actions .wfb-magic{min-width:110px!important}
.wfb-builder .wfb-design-actions .wfb-share{width:52px!important;min-width:52px!important;height:38px!important;padding:0!important;font-size:0!important;line-height:1!important}
.wfb-builder .wfb-design-actions .wfb-share::before{content:'↗'!important;display:block!important;font-size:18px!important;line-height:1!important}
.wfb-builder .wfb-design-actions.wfb-no-undo{grid-template-columns:none!important}
@media(max-width:767px){
  .wfb-builder .wfb-design-bottom{gap:6px!important;padding:7px 7px 6px!important}
  .wfb-builder .wfb-design-actions{gap:5px!important;justify-content:flex-end!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:68px!important;height:36px!important;min-height:36px!important}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:98px!important;height:36px!important;min-height:36px!important}
  .wfb-builder .wfb-design-actions .wfb-share{width:48px!important;min-width:48px!important;height:36px!important;min-height:36px!important}
  .wfb-builder .wfb-design-actions .wfb-share::before{font-size:17px!important}
  .wfb-builder .wfb-customise-panel .wfb-options-card{padding-top:14px!important}
}
@media(max-width:380px){
  .wfb-builder .wfb-design-actions{gap:4px!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:62px!important}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:88px!important}
  .wfb-builder .wfb-design-actions .wfb-share{width:44px!important;min-width:44px!important}
}


/* v1.0.165 — compact action buttons + clean native-style share icon.
   Buttons size themselves to their content; no stretched grid columns.
   This specifically prevents narrow mobile layouts from pushing controls
   off-screen or overlapping the bracelet status area. */
.wfb-builder .wfb-design-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.wfb-builder .wfb-design-status{
  margin-right:auto!important;
  flex:0 0 auto!important;
  min-width:0!important;
}
.wfb-builder .wfb-design-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  gap:8px!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-design-actions button,
.wfb-builder .wfb-design-actions .wfb-bottom-reset,
.wfb-builder .wfb-design-actions .wfb-magic{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  border-radius:10px!important;
}
.wfb-builder .wfb-design-actions .wfb-bottom-undo{
  width:40px!important;
  min-width:40px!important;
  padding:0!important;
}
.wfb-builder .wfb-design-actions .wfb-bottom-reset{
  min-width:auto!important;
}
.wfb-builder .wfb-design-actions .wfb-magic{
  min-width:auto!important;
  padding-left:11px!important;
  padding-right:11px!important;
}
.wfb-builder .wfb-design-actions .wfb-share{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
  display:inline-flex!important;
}
.wfb-builder .wfb-design-actions .wfb-share::before{content:none!important}
.wfb-builder .wfb-design-actions .wfb-share svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-design-bottom{
    gap:6px!important;
    padding:7px 8px 6px!important;
  }
  .wfb-builder .wfb-design-actions{
    gap:5px!important;
  }
  .wfb-builder .wfb-design-actions button,
  .wfb-builder .wfb-design-actions .wfb-bottom-reset,
  .wfb-builder .wfb-design-actions .wfb-magic{
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  .wfb-builder .wfb-design-actions .wfb-bottom-undo,
  .wfb-builder .wfb-design-actions .wfb-share{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .wfb-builder .wfb-design-actions .wfb-magic{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .wfb-builder .wfb-design-actions .wfb-share svg{
    width:18px!important;
    height:18px!important;
  }
}
@media(max-width:380px){
  .wfb-builder .wfb-design-actions{gap:4px!important}
  .wfb-builder .wfb-design-actions button,
  .wfb-builder .wfb-design-actions .wfb-bottom-reset,
  .wfb-builder .wfb-design-actions .wfb-magic{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .wfb-builder .wfb-design-actions .wfb-bottom-undo,
  .wfb-builder .wfb-design-actions .wfb-share{
    width:34px!important;
    min-width:34px!important;
  }
}

/* v1.0.167 — reliable customisation toggle, static How it works control,
   and compact non-overlapping bracelet status. */
.wfb-builder .wfb-design-status{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  gap:5px!important;
  overflow:visible!important;
}
.wfb-builder .wfb-design-status span,
.wfb-builder .wfb-design-status b{
  display:inline!important;
  margin:0!important;
  white-space:nowrap!important;
}
.wfb-builder .wfb-customise-toggle>span:nth-child(2){
  position:relative!important;
}
.wfb-builder .wfb-customise-toggle .wfb-tour-help-inline{
  display:inline-flex!important;
  width:max-content!important;
  margin:6px 0 0!important;
  padding:5px 8px!important;
  font-size:9px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.wfb-builder .wfb-customise-toggle .wfb-tour-help-inline:hover{
  transform:none!important;
}
.wfb-builder .wfb-customise-toggle .wfb-tour-help-inline:focus-visible{
  outline:2px solid rgba(8,127,120,.35)!important;
  outline-offset:2px!important;
}
.wfb-builder .wfb-design-actions .wfb-share[aria-busy="true"] svg{
  opacity:.55!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-design-status{gap:4px!important;font-size:10px!important}
  .wfb-builder .wfb-design-status span{font-size:8px!important;letter-spacing:.08em!important}
  .wfb-builder .wfb-design-status b{font-size:10px!important}
  .wfb-builder .wfb-customise-toggle .wfb-tour-help-inline{
    margin-top:5px!important;
    padding:5px 7px!important;
    font-size:8.5px!important;
  }
}


/* v1.0.167 — final mobile/desktop cleanup for the status rail and customisation UX. */
.wfb-builder .wfb-design-bottom{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-design-status{
  display:flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:42%!important;
  min-width:0!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  gap:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-design-status span{display:none!important}
.wfb-builder .wfb-design-status b{
  display:block!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.15!important;
  color:var(--teal)!important;
}
.wfb-builder .wfb-design-actions{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:auto!important;
  position:static!important;
  transform:none!important;
  float:none!important;
  gap:7px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.wfb-builder .wfb-design-actions button{position:static!important;float:none!important;transform:none!important}
.wfb-builder .wfb-customise-panel .wfb-options-card > .wfb-control-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:14px!important;
}
.wfb-builder .wfb-customise-panel .wfb-options-card > .wfb-control-head > div:first-child{min-width:0!important}
.wfb-builder .wfb-customise-panel .wfb-options-card .wfb-tour-help{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  height:auto!important;
  min-height:0!important;
  padding:8px 12px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  position:static!important;
  transform:none!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-design-bottom{gap:5px!important;padding:7px 7px 6px!important}
  .wfb-builder .wfb-design-status{max-width:34%!important}
  .wfb-builder .wfb-design-status b{font-size:10px!important}
  .wfb-builder .wfb-design-actions{gap:4px!important}
  .wfb-builder .wfb-customise-panel .wfb-options-card > .wfb-control-head{gap:8px!important;padding-bottom:12px!important}
  .wfb-builder .wfb-customise-panel .wfb-options-card .wfb-tour-help{padding:7px 9px!important;font-size:10px!important}
}
@media(max-width:380px){
  .wfb-builder .wfb-design-bottom{display:flex!important;flex-flow:row nowrap!important}
  .wfb-builder .wfb-design-status{width:auto!important;min-width:0!important;max-width:28%!important;flex:1 1 auto!important}
  .wfb-builder .wfb-design-actions{flex:0 0 auto!important;gap:3px!important}
  .wfb-builder .wfb-design-actions button{font-size:9px!important;padding-left:5px!important;padding-right:5px!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{width:32px!important;min-width:32px!important}
  .wfb-builder .wfb-design-actions .wfb-share{width:34px!important;min-width:34px!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:54px!important}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:82px!important}
}

/* v1.0.168 — single customisation accordion and clean status/action rail. */
.wfb-builder .wfb-customise-accordion{width:100%;min-width:0;box-sizing:border-box;}
.wfb-builder .wfb-customise-toggle{width:100%!important;margin:0!important;box-sizing:border-box!important;}
.wfb-builder .wfb-customise-panel{width:100%!important;box-sizing:border-box!important;}
.wfb-builder .wfb-customise-panel[hidden]{display:none!important;}
.wfb-builder .wfb-customise-panel .wfb-options-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:0!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-customise-panel .wfb-customise-tools{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-height:0!important;
  margin:0 0 10px!important;
}
.wfb-builder .wfb-customise-panel .wfb-tour-help{
  display:inline-flex!important;
  position:static!important;
  width:auto!important;
  min-width:max-content!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.wfb-builder .wfb-customise-panel .wfb-options-card > .wfb-control-head{display:none!important;}
.wfb-builder .wfb-design-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.wfb-builder .wfb-design-status{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.wfb-builder .wfb-design-status[hidden]{display:none!important;}
.wfb-builder .wfb-design-status b{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.15!important;
  color:var(--teal)!important;
}
.wfb-builder .wfb-design-actions{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0 0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
}
.wfb-builder .wfb-design-actions button{
  position:static!important;
  float:none!important;
  transform:none!important;
  flex:0 0 auto!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-design-actions .wfb-bottom-undo[hidden]{display:none!important;}
.wfb-builder .wfb-design-actions .wfb-share{
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
  padding:0!important;font-size:0!important;line-height:0!important;
}
.wfb-builder .wfb-design-actions .wfb-share svg{display:block!important;width:20px!important;height:20px!important;}
@media(max-width:767px){
  .wfb-builder .wfb-customise-panel .wfb-options-card{column-gap:8px!important;padding:12px 14px!important;}
  .wfb-builder .wfb-customise-panel .wfb-customise-tools{margin-bottom:9px!important;}
  .wfb-builder .wfb-customise-panel .wfb-tour-help{padding:7px 9px!important;font-size:10px!important;}
  .wfb-builder .wfb-design-bottom{gap:5px!important;padding:7px 7px 6px!important;}
  .wfb-builder .wfb-design-status b{font-size:10px!important;}
  .wfb-builder .wfb-design-actions{gap:4px!important;}
  .wfb-builder .wfb-design-actions button{font-size:10px!important;padding-left:6px!important;padding-right:6px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{width:36px!important;min-width:36px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:62px!important;}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:88px!important;}
  .wfb-builder .wfb-design-actions .wfb-share{width:38px!important;min-width:38px!important;height:36px!important;min-height:36px!important;}
  .wfb-builder .wfb-design-actions .wfb-share svg{width:18px!important;height:18px!important;}
}
@media(max-width:380px){
  .wfb-builder .wfb-design-bottom{gap:4px!important;}
  .wfb-builder .wfb-design-actions{gap:3px!important;}
  .wfb-builder .wfb-design-actions button{font-size:9px!important;padding-left:5px!important;padding-right:5px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{width:32px!important;min-width:32px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:54px!important;}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:82px!important;}
  .wfb-builder .wfb-design-actions .wfb-share{width:34px!important;min-width:34px!important;}
}

/* v1.0.171 — true single-card customisation accordion.
   The header and its expanded controls are visually one continuous component. */
.wfb-builder .wfb-customise-accordion{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #e4ddd4!important;
  border-radius:22px!important;
  background:#fffdf9!important;
}
.wfb-builder .wfb-customise-accordion.is-open{
  border-color:rgba(8,127,120,.20)!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-toggle{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.wfb-builder .wfb-customise-accordion.is-open .wfb-customise-toggle{
  border-bottom:1px solid #ebe3da!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-panel{
  margin:0!important;
  padding:0 18px 18px!important;
  gap:0!important;
  background:transparent!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-panel .wfb-options-card{
  margin:0!important;
  padding:16px 0 4px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-panel .wfb-bead-picker{
  margin:8px 0 0!important;
  border:0!important;
  border-top:1px solid #eee7df!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding-left:0!important;
  padding-right:0!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-panel .wfb-customise-tools{
  margin:0 0 12px!important;
}

/* Keep the status readable while keeping the action controls compact. */
.wfb-builder .wfb-design-status{
  flex:1 1 120px!important;
  max-width:none!important;
  min-width:88px!important;
}
.wfb-builder .wfb-design-status b{
  overflow:visible!important;
  text-overflow:clip!important;
}
.wfb-builder .wfb-design-actions{
  gap:5px!important;
}
.wfb-builder .wfb-design-actions .wfb-bottom-reset{
  padding-left:8px!important;
  padding-right:8px!important;
}
.wfb-builder .wfb-design-actions .wfb-magic{
  padding-left:9px!important;
  padding-right:9px!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-customise-accordion{border-radius:19px!important;}
  .wfb-builder .wfb-customise-accordion .wfb-customise-panel{padding:0 14px 14px!important;}
  .wfb-builder .wfb-customise-accordion .wfb-customise-panel .wfb-options-card{padding-top:14px!important;}
  .wfb-builder .wfb-design-status{flex:1 1 105px!important;min-width:88px!important;}
  .wfb-builder .wfb-design-status b{font-size:10px!important;}
  .wfb-builder .wfb-design-actions{gap:3px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-undo{width:32px!important;min-width:32px!important;height:34px!important;min-height:34px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:54px!important;height:34px!important;min-height:34px!important;padding-left:5px!important;padding-right:5px!important;}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:80px!important;height:34px!important;min-height:34px!important;padding-left:5px!important;padding-right:5px!important;}
  .wfb-builder .wfb-design-actions .wfb-share{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;}
}


/* v1.0.171 — final accordion event/state hardening and uncropped status. */
.wfb-builder .wfb-design-status{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.wfb-builder .wfb-design-status b{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.15!important;
}
.wfb-builder .wfb-design-actions{
  flex:0 0 auto!important;
  min-width:0!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-design-status{flex:1 1 0!important;min-width:0!important;}
  .wfb-builder .wfb-design-status b{font-size:10px!important;}
}
@media(max-width:380px){
  .wfb-builder .wfb-design-status b{font-size:9px!important;}
  .wfb-builder .wfb-design-actions{gap:3px!important;}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset{min-width:50px!important;padding-left:4px!important;padding-right:4px!important;}
  .wfb-builder .wfb-design-actions .wfb-magic{min-width:76px!important;padding-left:4px!important;padding-right:4px!important;}
  .wfb-builder .wfb-design-actions .wfb-share{width:32px!important;min-width:32px!important;}
}

/* The toggle and panel are one visual component; no gap/card separation. */
.wfb-builder .wfb-customise-accordion{
  overflow:hidden!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-toggle,
.wfb-builder .wfb-customise-accordion .wfb-customise-panel{
  border-radius:0!important;
}
.wfb-builder .wfb-customise-accordion .wfb-customise-panel[hidden]{display:none!important;}

/* v1.0.171 — native details/summary accordion: remove browser marker and keep the custom chevron. */
.wfb-builder details.wfb-customise-accordion > summary.wfb-customise-toggle{
  list-style:none!important;
}
.wfb-builder details.wfb-customise-accordion > summary.wfb-customise-toggle::-webkit-details-marker{
  display:none!important;
}
.wfb-builder details.wfb-customise-accordion > summary.wfb-customise-toggle::marker{
  content:""!important;
}
.wfb-builder details.wfb-customise-accordion > summary.wfb-customise-toggle:focus{
  outline:none!important;
}


/* v1.0.173 — desktop purchase-first two-column layout.
   Desktop: bracelet stays on the left; purchase summary/add-to-cart moves
   to the right and customisation sits directly below it. Mobile keeps the
   existing single-column order and compact presentation. */
@media(min-width:901px){
  .wfb-builder .wfb-builder-layout{
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .wfb-builder .wfb-builder-nav{
    grid-template-columns:minmax(72px,auto) minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .wfb-builder .wfb-progress{grid-column:1!important;grid-row:1!important;justify-self:start!important;}
  .wfb-builder .wfb-nav-title{
    grid-column:2!important;grid-row:1!important;
    text-align:center!important;
    justify-self:center!important;
    min-width:0!important;
  }
  .wfb-builder .wfb-update-intentions{
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;
    white-space:nowrap!important;
  }
  .wfb-builder .wfb-controls-column{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-width:0!important;
  }
  .wfb-builder .wfb-controls-column > .wfb-final-card{
    order:1!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:18px!important;
  }
  .wfb-builder .wfb-controls-column > .wfb-customise-accordion{
    order:2!important;
    width:100%!important;
  }
  .wfb-builder .wfb-controls-column > .wfb-final-card .wfb-final-head b{font-size:21px!important;}
  .wfb-builder .wfb-controls-column > .wfb-final-card .wfb-final-head>strong{font-size:27px!important;}
  .wfb-builder .wfb-controls-column > .wfb-final-card .wfb-final-subcopy{font-size:11px!important;}
  .wfb-builder .wfb-controls-column > .wfb-final-card .wfb-summary{font-size:11px!important;padding:12px 0!important;}
  .wfb-builder .wfb-controls-column > .wfb-final-card .wfb-add-cart{min-height:56px!important;font-size:16px!important;margin-bottom:10px!important;}
  .wfb-builder .wfb-controls-column > .wfb-final-card .wfb-composition{max-height:92px!important;overflow-y:auto!important;}
  .wfb-builder .wfb-customise-panel .wfb-options-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:14px!important;
    align-items:end!important;
  }
  .wfb-builder .wfb-customise-panel .wfb-option-block{
    min-width:0!important;
    width:100%!important;
  }
  .wfb-builder .wfb-customise-panel .wfb-pills.wfb-large-pills{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
  }
  .wfb-builder .wfb-customise-panel .wfb-pills.wfb-large-pills button{
    min-width:0!important;
    width:100%!important;
  }
}

/* v1.0.173 — desktop-only heading alignment. */
@media(min-width:901px){
  .wfb-builder .wfb-update-intentions{font-size:11px!important;padding:4px 0!important;}
  .wfb-builder .wfb-nav-title span{font-size:8px!important;letter-spacing:.14em!important;}
  .wfb-builder .wfb-nav-title b{font-size:15px!important;}
  .wfb-builder .wfb-nav-title small[data-intentions-summary]{font-size:13px!important;line-height:1.3!important;}
}


/* v1.0.176 — cleaner desktop Step 2 header and sale-price presentation. */
.wfb-builder .wfb-builder-nav{grid-template-columns:minmax(72px,auto) minmax(0,1fr) minmax(160px,auto)!important;align-items:center!important}
.wfb-builder .wfb-nav-title{grid-column:2!important;grid-row:1!important;text-align:center!important;justify-self:center!important;min-width:0!important}
.wfb-builder .wfb-nav-title span{font-size:8px!important;letter-spacing:.15em!important}
.wfb-builder .wfb-nav-title b{font-size:16px!important;line-height:1.2!important;color:var(--ink)!important}
.wfb-builder .wfb-nav-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important}
.wfb-builder .wfb-nav-actions .wfb-update-intentions{white-space:nowrap!important}
.wfb-builder .wfb-final-intentions{font-size:18px!important;line-height:1.25!important;color:var(--teal)!important;font-weight:850!important}
.wfb-builder .wfb-final-price{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:1px!important;color:#8b573a!important}
.wfb-builder .wfb-final-price del{font-size:13px!important;line-height:1!important;color:#91877c!important;font-weight:650!important;opacity:.9!important}
.wfb-builder .wfb-final-price .wfb-sale-price{font-size:27px!important;line-height:1.05!important;color:#8b573a!important;font-weight:900!important;white-space:nowrap!important}
.wfb-builder .wfb-final-price del[hidden]{display:none!important}
@media(max-width:900px){
  .wfb-builder .wfb-builder-nav{grid-template-columns:minmax(54px,auto) minmax(0,1fr) minmax(120px,auto)!important}
  .wfb-builder .wfb-nav-title{grid-column:2!important;grid-row:1!important;text-align:left!important;justify-self:start!important}
  .wfb-builder .wfb-nav-actions{grid-column:3!important;grid-row:1!important}
  .wfb-builder .wfb-nav-title b{font-size:14px!important}
  .wfb-builder .wfb-final-intentions{font-size:16px!important}
  .wfb-builder .wfb-final-price .wfb-sale-price{font-size:22px!important}
  .wfb-builder .wfb-final-price del{font-size:11px!important}
}
@media(max-width:620px){
  .wfb-builder .wfb-builder-nav{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important}
  .wfb-builder .wfb-nav-title{grid-column:2!important;grid-row:1!important}
  .wfb-builder .wfb-nav-actions{grid-column:3!important;grid-row:1!important}
  .wfb-builder .wfb-nav-title span{font-size:7px!important}
  .wfb-builder .wfb-nav-title b{font-size:13px!important}
  .wfb-builder .wfb-nav-actions .wfb-update-intentions{font-size:9px!important;padding:2px 0!important}
  .wfb-builder .wfb-final-intentions{font-size:15px!important}
  .wfb-builder .wfb-final-price .wfb-sale-price{font-size:20px!important}
}


/* v1.0.180 — compact distinct-crystal combination cards.
   The customer sees only the unique crystals in the bracelet; the full
   sequence remains in the underlying bead state and is still sent to cart/order data. */
.wfb-builder .wfb-composition{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:2px 0 4px!important;
  max-height:none!important;
  overflow:visible!important;
}
.wfb-builder .wfb-composition:before{margin-bottom:2px!important}
.wfb-builder .wfb-composition-card{
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:30% 70%!important;
  align-items:center!important;
  gap:8px!important;
  min-height:78px!important;
  padding:9px 10px!important;
  background:linear-gradient(145deg,#fffdf9,#edf7f3)!important;
  border:1px solid #ddd6ca!important;
  border-radius:16px!important;
  box-shadow:0 3px 10px rgba(52,73,67,.07)!important;
}
.wfb-builder .wfb-composition-image{
  display:block!important;
  width:50px!important;
  height:50px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
  background:#f4f5f1!important;
  box-shadow:0 2px 7px rgba(45,61,57,.13)!important;
  margin:auto!important;
}
.wfb-builder .wfb-composition-image-fallback{background:#d8d0c5!important}
.wfb-builder .wfb-composition-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
}
.wfb-builder .wfb-composition-copy strong{
  display:block!important;
  margin:0!important;
  color:#173c39!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
}
.wfb-builder .wfb-composition-copy small{
  display:-webkit-box!important;
  margin:0!important;
  color:#665d55!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:600!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(max-width:767px){
  .wfb-builder .wfb-composition{gap:8px!important;padding-bottom:3px!important}
  .wfb-builder .wfb-composition-card{min-height:70px!important;padding:8px!important;gap:6px!important;border-radius:14px!important}
  .wfb-builder .wfb-composition-image{width:44px!important;height:44px!important}
  .wfb-builder .wfb-composition-copy strong{font-size:14px!important}
  .wfb-builder .wfb-composition-copy small{font-size:10.5px!important;line-height:1.25!important}
}


/* v1.0.181 — combination card alignment + compact scroll area.
   Keep the section at two cards per row. The heading is a full-width grid item,
   while additional rows remain available through a visually hidden scrollbar. */
.wfb-builder .wfb-composition{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-height:188px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  align-content:start!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-composition::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.wfb-builder .wfb-composition:before{
  grid-column:1 / -1!important;
  width:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:1px 0 5px!important;
  margin:0!important;
}
.wfb-builder .wfb-composition-card{
  grid-column:auto!important;
  grid-template-columns:minmax(0,20%) minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-composition-image{
  width:42px!important;
  height:42px!important;
  max-width:100%!important;
  justify-self:center!important;
  align-self:center!important;
}
.wfb-builder .wfb-composition-copy{min-width:0!important;overflow:hidden!important}
@media(max-width:767px){
  .wfb-builder .wfb-composition{max-height:174px!important;margin-top: 15px !important;}
  .wfb-builder .wfb-composition-card{
    grid-template-columns:minmax(0,20%) minmax(0,1fr)!important;
    gap:6px!important;
    min-height:70px!important;
    padding:8px!important;
  }
  .wfb-builder .wfb-composition-image{width:40px!important;height:40px!important}
}


/* v1.0.182 — compact, readable WooCommerce cart/checkout metadata for custom bracelets. */
.woocommerce-cart .cart_item .variation,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation,
.woocommerce-cart-form .cart_item .variation {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #6f6962 !important;
}
.woocommerce-cart .cart_item .variation dt,
.woocommerce-cart .cart_item .variation dd,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation dt,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation dd,
.woocommerce-cart-form .cart_item .variation dt,
.woocommerce-cart-form .cart_item .variation dd {
  float: none !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-cart .cart_item .variation dt,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation dt,
.woocommerce-cart-form .cart_item .variation dt {
  font-weight: 600 !important;
  color: #8a7568 !important;
}
.woocommerce-cart .cart_item .variation dd,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation dd,
.woocommerce-cart-form .cart_item .variation dd {
  font-weight: 500 !important;
  color: #3d514e !important;
}
.woocommerce-cart .cart_item .variation p,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation p,
.woocommerce-cart-form .cart_item .variation p {
  display: inline !important;
  margin: 0 !important;
}
@media (max-width: 767px) {
  .woocommerce-cart .cart_item .variation,
  .woocommerce-checkout .woocommerce-checkout-review-order-table .variation,
  .woocommerce-cart-form .cart_item .variation {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}


/* v1.0.196 — refined bracelet details */
.wfb-builder .wfb-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  border-top:1px solid rgba(118,104,88,.16)!important;
  border-bottom:0!important;
  padding:12px 0 11px!important;
  margin:0 0 12px!important;
  font-size:10px!important;
}
.wfb-builder .wfb-summary-item{
  min-width:0!important;
  padding:9px 8px!important;
  border:1px solid rgba(118,104,88,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.68)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  box-sizing:border-box!important;
}
.wfb-builder .wfb-summary-item span{
  color:#8b8176!important;
  font-size:8px!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.wfb-builder .wfb-summary-item b{
  color:#263633!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.wfb-builder .wfb-summary-item:last-child b{color:#754b3a!important}
@media(max-width:620px){
  .wfb-builder .wfb-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:10px 0!important;margin-bottom:10px!important}
  .wfb-builder .wfb-summary-item{padding:8px 9px!important;border-radius:11px!important}
  .wfb-builder .wfb-summary-item span{font-size:7px!important}
  .wfb-builder .wfb-summary-item b{font-size:12px!important}
}

/* v1.0.200 — distributed intention pricing targets with crystal-based actual price */
.wfb-builder .wfb-tier-picker{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 0 8px!important;
}
.wfb-builder .wfb-tier{
  appearance:none!important;
  border:1px solid rgba(118,104,88,.15)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.72)!important;
  padding:9px 9px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  text-align:left!important;
  color:#4c4a45!important;
  cursor:pointer!important;
  transition:all .18s ease!important;
  box-shadow:none!important;
}
.wfb-builder .wfb-tier:hover{border-color:rgba(117,75,58,.28)!important;transform:translateY(-1px)!important}
.wfb-builder .wfb-tier.active{
  border-color:#754b3a!important;
  background:#fffaf4!important;
  box-shadow:0 5px 15px rgba(80,58,42,.08)!important;
}
.wfb-builder .wfb-tier span{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.wfb-builder .wfb-tier b{font-size:10px!important;line-height:1.15!important;font-weight:850!important;color:#263633!important;white-space:nowrap!important}
.wfb-builder .wfb-tier small{font-size:7px!important;line-height:1.2!important;color:#8b8176!important;white-space:nowrap!important}
.wfb-builder .wfb-tier strong{font-size:11px!important;line-height:1!important;color:#754b3a!important;font-weight:900!important;white-space:nowrap!important}
.wfb-builder .wfb-tier-note{
  margin:0 0 8px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.48)!important;
  color:#857a70!important;
  font-size:8px!important;
  line-height:1.4!important;
}
@media(max-width:620px){
  .wfb-builder .wfb-tier-picker{grid-template-columns:1fr!important;gap:6px!important}
  .wfb-builder .wfb-tier{padding:9px 10px!important}
  .wfb-builder .wfb-tier b{font-size:10px!important}
  .wfb-builder .wfb-tier small{font-size:7px!important}
  .wfb-builder .wfb-tier strong{font-size:12px!important}
}

/* v1.0.204 — compact mobile tier row + immediate Add to Cart */
.wfb-builder .wfb-tier-picker{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-bottom:9px!important;
}
.wfb-builder .wfb-add-cart{
  display:block!important;
  width:100%!important;
  margin:0 0 10px!important;
}
@media(max-width:620px){
  .wfb-builder .wfb-tier-picker{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-bottom:8px!important;
  }
  .wfb-builder .wfb-tier{
    min-height:72px!important;
    padding:8px 6px!important;
    border-radius:11px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
  }
  .wfb-builder .wfb-tier span{gap:2px!important;width:100%!important}
  .wfb-builder .wfb-tier b{
    font-size:9px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  .wfb-builder .wfb-tier small{
    font-size:6.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  .wfb-builder .wfb-tier strong{
    font-size:10px!important;
    line-height:1.05!important;
    white-space:normal!important;
    align-self:flex-end!important;
  }
  .wfb-builder .wfb-add-cart{
    min-height:52px!important;
    font-size:15px!important;
    border-radius:14px!important;
    margin-bottom:9px!important;
  }
}


/* v1.0.205 — reference-inspired premium card styling.  No extra section heading. */
.wfb-builder .wfb-tier-picker{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
.wfb-builder .wfb-tier{
  position:relative!important;
  min-height:170px!important;
  padding:18px 16px 15px!important;
  border:1px solid #ded8cf!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.88)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  text-align:left!important;
  box-shadow:0 5px 18px rgba(47,37,27,.035)!important;
  color:var(--ink)!important;
}
.wfb-builder .wfb-tier:hover{transform:translateY(-2px)!important;border-color:rgba(46,125,115,.32)!important;box-shadow:0 10px 25px rgba(47,37,27,.07)!important}
.wfb-builder .wfb-tier.active{
  border:2px solid var(--teal)!important;
  padding:17px 15px 14px!important;
  background:linear-gradient(145deg,#f2fbf8 0%,#fffdf9 72%)!important;
  box-shadow:0 10px 25px rgba(46,125,115,.08)!important;
}
.wfb-builder .wfb-tier.active::after{
  content:'✓'!important;
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--teal)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
}
.wfb-builder .wfb-tier-kicker{
  display:block!important;
  width:100%!important;
  margin:0 0 11px!important;
  color:var(--teal)!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}
.wfb-builder .wfb-tier[data-tier="premium"] .wfb-tier-kicker{color:#8a6147!important}
.wfb-builder .wfb-tier[data-tier="custom"] .wfb-tier-kicker{color:#6f7478!important}
.wfb-builder .wfb-tier b{
  display:block!important;
  color:#172523!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-weight:600!important;
  white-space:normal!important;
}
.wfb-builder .wfb-tier small{
  display:block!important;
  margin-top:9px!important;
  color:#6f7474!important;
  font-size:12px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.wfb-builder .wfb-tier strong{
  display:block!important;
  margin-top:auto!important;
  padding-top:14px!important;
  color:#8a563d!important;
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:800!important;
}
.wfb-builder .wfb-tier strong span{
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.wfb-builder .wfb-tier[data-tier="custom"] strong{font-size:20px!important}
.wfb-builder .wfb-add-cart{
  display:flex!important;
  width:100%!important;
  min-height:58px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0 0 11px!important;
  border:0!important;
  border-radius:17px!important;
  background:#a85f3a!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:800!important;
  box-shadow:0 9px 22px rgba(145,79,46,.17)!important;
}
.wfb-builder .wfb-add-cart:hover:not(:disabled){transform:translateY(-2px)!important;background:#985333!important;box-shadow:0 13px 28px rgba(145,79,46,.22)!important}
.wfb-builder .wfb-add-cart svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.wfb-builder .wfb-add-cart i{font-style:normal!important;font-size:24px!important;line-height:1!important;font-weight:500!important;margin-left:2px!important}
.wfb-builder .wfb-tier-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:13px 15px!important;
  min-height:56px!important;
  border:0!important;
  border-radius:16px!important;
  background:#f3f3f1!important;
  color:#6e7473!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.wfb-builder .wfb-tier-note svg{flex:0 0 22px!important;width:22px!important;height:22px!important;fill:none!important;stroke:#b58b52!important;stroke-width:1.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;margin-top:1px!important}
.wfb-builder .wfb-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  font-size:10px!important;
}
.wfb-builder .wfb-summary-item{
  position:relative!important;
  min-height:82px!important;
  padding:13px 13px 12px 52px!important;
  border:1px solid #e1ddd7!important;
  border-radius:17px!important;
  background:#fff!important;
  display:block!important;
  box-shadow:none!important;
}
.wfb-builder .wfb-summary-item .wfb-summary-icon{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  color:#29322f!important;
}
.wfb-builder .wfb-summary-icon svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.wfb-builder .wfb-summary-item>span:not(.wfb-summary-icon){display:block!important;color:#77736d!important;font-size:9px!important;line-height:1.05!important;letter-spacing:.09em!important;font-weight:800!important;white-space:nowrap!important}
.wfb-builder .wfb-summary-item b{display:block!important;margin-top:7px!important;color:#27322f!important;font-size:17px!important;line-height:1!important;font-weight:850!important;white-space:nowrap!important}
.wfb-builder .wfb-summary-item:last-child b{color:#754b3a!important}
.wfb-builder .wfb-design-actions button{
  min-height:40px!important;
  border:1px solid #dfd9d1!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#28332f!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.wfb-builder .wfb-design-actions .wfb-bottom-reset,
.wfb-builder .wfb-design-actions .wfb-magic{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.wfb-builder .wfb-design-actions .wfb-bottom-reset svg,
.wfb-builder .wfb-design-actions .wfb-magic svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.wfb-builder .wfb-design-actions .wfb-magic{color:#744b87!important;border-color:#9d7ab0!important;background:#fff!important}
.wfb-builder .wfb-design-actions .wfb-share{background:#168a82!important;border-color:#168a82!important;color:#fff!important;border-radius:14px!important}
.wfb-builder .wfb-design-actions .wfb-share svg{stroke:currentColor!important}
@media(max-width:767px){
  .wfb-builder .wfb-tier-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-bottom:9px!important}
  .wfb-builder .wfb-tier,
  .wfb-builder .wfb-tier.active{min-height:118px!important;padding:11px 8px 10px!important;border-radius:15px!important}
  .wfb-builder .wfb-tier.active{padding:10px 7px 9px!important}
  .wfb-builder .wfb-tier-kicker{font-size:6.5px!important;letter-spacing:.09em!important;margin-bottom:7px!important}
  .wfb-builder .wfb-tier b{font-family:inherit!important;font-size:11px!important;font-weight:850!important;line-height:1.08!important}
  .wfb-builder .wfb-tier small{font-size:7px!important;line-height:1.22!important;margin-top:5px!important}
  .wfb-builder .wfb-tier strong{font-size:8px!important;padding-top:7px!important}
  .wfb-builder .wfb-tier strong span{font-size:12px!important}
  .wfb-builder .wfb-tier[data-tier="custom"] strong{font-size:12px!important}
  .wfb-builder .wfb-add-cart{min-height:53px!important;border-radius:15px!important;font-size:15px!important;gap:7px!important}
  .wfb-builder .wfb-add-cart svg{width:22px!important;height:22px!important}
  .wfb-builder .wfb-add-cart i{font-size:21px!important}
  .wfb-builder .wfb-tier-note{padding:10px 11px!important;border-radius:14px!important;font-size:9px!important;gap:9px!important;min-height:48px!important}
  .wfb-builder .wfb-tier-note svg{width:19px!important;height:19px!important;flex-basis:19px!important}
  .wfb-builder .wfb-summary{gap:7px!important}
  .wfb-builder .wfb-summary-item{min-height:72px!important;padding:11px 9px 10px 44px!important;border-radius:14px!important}
  .wfb-builder .wfb-summary-item .wfb-summary-icon{left:11px!important;width:25px!important;height:25px!important}
  .wfb-builder .wfb-summary-icon svg{width:25px!important;height:25px!important}
  .wfb-builder .wfb-summary-item>span:not(.wfb-summary-icon){font-size:7px!important}
  .wfb-builder .wfb-summary-item b{font-size:14px!important;margin-top:6px!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset,
  .wfb-builder .wfb-design-actions .wfb-magic{gap:5px!important}
  .wfb-builder .wfb-design-actions .wfb-bottom-reset svg,
  .wfb-builder .wfb-design-actions .wfb-magic svg{width:15px!important;height:15px!important}
}


/* v1.0.207 — tighter reference-inspired purchase card spacing + aligned detail icons. */
.wfb-builder .wfb-tier-picker{
  gap:9px!important;
  margin-bottom:9px!important;
}
.wfb-builder .wfb-tier{
  min-height:148px!important;
  padding:15px 15px 13px!important;
}
.wfb-builder .wfb-tier.active{
  padding:14px 14px 12px!important;
}
.wfb-builder .wfb-tier-kicker{
  margin-bottom:9px!important;
  font-size:9px!important;
}
.wfb-builder .wfb-tier b{
  font-size:21px!important;
}
.wfb-builder .wfb-tier small{
  margin-top:7px!important;
  font-size:13px!important;
  line-height:1.28!important;
}
.wfb-builder .wfb-tier strong{
  margin-top:11px!important;
  padding-top:0!important;
}
.wfb-builder .wfb-tier strong span{font-size:19px!important}
.wfb-builder .wfb-tier[data-tier="custom"] strong{font-size:19px!important}
.wfb-builder .wfb-add-cart{margin-bottom:8px!important}
.wfb-builder .wfb-tier-note{
  margin-bottom:9px!important;
  padding:11px 13px!important;
  min-height:50px!important;
}
/* Detail cards: icon occupies a dedicated column and stays aligned with label + value. */
.wfb-builder .wfb-summary-item{
  min-height:76px!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:5px!important;
  align-content:center!important;
  align-items:center!important;
}
.wfb-builder .wfb-summary-item .wfb-summary-icon{
  position:static!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  transform:none!important;
  width:28px!important;
  height:28px!important;
  align-self:center!important;
  justify-self:center!important;
}
.wfb-builder .wfb-summary-item>span:not(.wfb-summary-icon){
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.wfb-builder .wfb-summary-item b{
  grid-column:2!important;
  grid-row:2!important;
  margin-top:5px!important;
  align-self:start!important;
  font-size:16px!important;
  line-height:1.05!important;
}
@media(max-width:900px){
  .wfb-builder .wfb-tier{
    min-height:145px!important;
    padding:14px 13px 12px!important;
  }
  .wfb-builder .wfb-tier.active{padding:13px 12px 11px!important}
  .wfb-builder .wfb-tier b{font-size:20px!important}
  .wfb-builder .wfb-tier small{font-size:12px!important}
}
@media(max-width:767px){
  .wfb-builder .wfb-tier-picker{gap:5px!important;margin-bottom:7px!important}
  .wfb-builder .wfb-tier,
  .wfb-builder .wfb-tier.active{
    min-height:68px!important;
    padding:7px 6px!important;
    border-radius:11px!important;
  }
  .wfb-builder .wfb-tier-kicker{font-size:6.5px!important;margin-bottom:5px!important}
  .wfb-builder .wfb-tier b{font-size:9px!important}
  .wfb-builder .wfb-tier small{font-size:6.8px!important;margin-top:4px!important}
  .wfb-builder .wfb-tier strong{margin-top:6px!important;font-size:9px!important}
  .wfb-builder .wfb-tier strong span{font-size:11px!important}
  .wfb-builder .wfb-tier[data-tier="custom"] strong{font-size:11px!important}
  .wfb-builder .wfb-add-cart{margin-bottom:7px!important}
  .wfb-builder .wfb-tier-note{margin-bottom:8px!important;padding:9px 10px!important;min-height:44px!important}
  .wfb-builder .wfb-summary{gap:6px!important}
  .wfb-builder .wfb-summary-item{min-height:68px!important;padding:9px 8px!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:4px!important}
  .wfb-builder .wfb-summary-item .wfb-summary-icon{width:23px!important;height:23px!important}
  .wfb-builder .wfb-summary-icon svg{width:23px!important;height:23px!important}
  .wfb-builder .wfb-summary-item>span:not(.wfb-summary-icon){font-size:7px!important}
  .wfb-builder .wfb-summary-item b{font-size:14px!important;margin-top:5px!important}
}

/* v1.0.207 — slightly larger match-card typography + sleeker bracelet detail cards. */
@media(max-width:767px){
  .wfb-builder .wfb-tier,
  .wfb-builder .wfb-tier.active{
    min-height:95px!important;
    padding:7px 6px 6px!important;
  }
  .wfb-builder .wfb-tier-kicker{font-size:7.2px!important;margin-bottom:4px!important;letter-spacing:.08em!important}
  .wfb-builder .wfb-tier b{font-size:12px!important;line-height:1.08!important}
  .wfb-builder .wfb-tier small{font-size:9px!important;line-height:1.22!important;margin-top:4px!important}
  .wfb-builder .wfb-tier strong{font-size:9.5px!important;line-height:1.02!important;margin-top:5px!important;  bottom: 6px; position: absolute;}
  .wfb-builder .wfb-tier strong span{font-size:11.5px!important}
  .wfb-builder .wfb-tier[data-tier="custom"] strong{font-size:11.5px!important; bottom: 6px; position: absolute;}

  /* Details should support the purchase decision without becoming a second
     visual focal point. */
  .wfb-builder .wfb-summary{gap:5px!important;margin-top:6px!important}
  .wfb-builder .wfb-summary-item{
    min-height:44px!important;
    padding:7px 8px!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    column-gap:4px!important;
    border-radius:13px!important;
  }
  .wfb-builder .wfb-summary-item .wfb-summary-icon{
    width:21px!important;height:21px!important;
  }
  .wfb-builder .wfb-summary-icon svg{width:21px!important;height:21px!important}
  .wfb-builder .wfb-summary-item>span:not(.wfb-summary-icon){
    font-size:7px!important;line-height:1!important;letter-spacing:.08em!important
  }
  .wfb-builder .wfb-summary-item b{
    font-size:13.5px!important;line-height:1!important;margin-top:3px!important
  }
}