/* Each caption has an intentional line; never split an unlock price into syllables. */
.guide-picker{container-type:inline-size}
.guide-options{gap:8px;align-items:start}
.guide-options .guide-option{min-width:0;gap:0;padding:3px 1px 6px;border-radius:12px;position:relative;color:#e5e5e9}
.guide-option .guide-thumb{position:relative;isolation:isolate;overflow:visible;aspect-ratio:1;flex:none;padding:3px;margin-bottom:8px;border-color:#ffffff33;background:#ffffff05}
.guide-thumb-image{position:absolute;inset:3px;overflow:hidden;border-radius:50%}
.guide-option .guide-thumb-image>img{width:100%;height:100%;transform:scale(1.3);transform-origin:50% 28%;object-fit:cover;object-position:center 26%;filter:none;border-radius:50%;transition:filter .2s}
.guide-option.is-locked .guide-thumb-image>img,.guide-option.is-locked:hover .guide-thumb-image>img{filter:grayscale(.65) brightness(.62);opacity:.88}
.guide-option.is-locked .guide-thumb{border-style:dashed;border-color:#ffffff55}
.guide-option .guide-option-name{display:block;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;word-break:keep-all;margin:0 0 5px}
.guide-options .guide-option .guide-access{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:31px;margin:0;line-height:1.35;font-size:9px;color:#d2d4d7;white-space:nowrap;word-break:keep-all}
.guide-option .guide-access>span{display:block;white-space:nowrap}
.guide-options .guide-option .guide-access-detail{font-size:9px;font-weight:500;color:#b8bcc5}
.guide-option.is-available .guide-access>span:first-child{color:#c3dccb}
.guide-option.is-locked .guide-access>span:first-child{color:#e5d7c1}
.guide-options .guide-option.is-locked .guide-access-detail{padding:1px 7px;border:1px solid #ffffff2e;border-radius:20px;background:#ffffff0d;color:#f3e2c4;font-size:10px;font-weight:650;letter-spacing:.3px}
.guide-lock-badge{position:absolute;z-index:2;right:-1px;bottom:0;display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff77;border-radius:50%;background:linear-gradient(145deg,#6f6e70ee,#252629f2);color:#fff3db;box-shadow:0 2px 7px #0007;pointer-events:none}
.guide-lock-icon{display:block;width:13px;height:13px}
.guide-option[aria-pressed=true] .guide-thumb{border-style:solid;border-color:#f2dfbc;box-shadow:0 0 0 2px #ffffff14,0 0 20px #ffffff0c}
.guide-option.is-locked[aria-pressed=true] .guide-thumb{border-style:dashed;border-color:#ead8bc;box-shadow:0 0 0 2px #ffffff12}
.guide-picker-help{font-size:10px;line-height:1.7;color:#c5c7cc;word-break:keep-all;margin:13px 2px 0;padding-top:11px;border-top:1px solid #ffffff20}
.salon .salon-action.requires-unlock{border-color:#e2cba565}
.salon .salon-action.requires-unlock .guide-lock-icon{width:22px;height:22px}
.salon[data-guide-locked=true] .guide-copy .micro-label{color:#e2cba8}
@container(max-width:335px){
 .guide-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}
 .guide-option .guide-thumb{max-width:70px}
 .guide-options .guide-option .guide-access{font-size:10px}
}
@media(max-width:520px){
 .guide-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 18px}
 .guide-option .guide-thumb{max-width:70px}
 .guide-options .guide-option .guide-access{font-size:10px}
 .guide-picker-help{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.guide-option .guide-thumb-image>img{transition:none}}