/* Shared public actions inherit the active template palette. */
.customer-website-extras{--website-bg:var(--palette-bg,#101010);--website-ink:var(--palette-text,#e9e1d2);--website-muted:var(--palette-muted,#b7b0a4);--website-accent:var(--palette-accent,#b80d1b);--website-on-accent:var(--palette-on-accent,#fff);--website-line:var(--palette-line,#e9e1d22e);--website-display:'Barlow Condensed',Arial,sans-serif;position:relative;padding:24px 6% 52px;background:var(--website-bg);color:var(--website-ink);font-family:Arial,sans-serif;line-height:1.5}
.club-experience .customer-website-extras{--website-bg:var(--palette-bg,#121a16);--website-ink:var(--palette-text,#e8e6d9);--website-muted:var(--palette-muted,#b5bcb3);--website-accent:var(--palette-accent,#b98447);--website-on-accent:var(--palette-on-accent,#17221e);--website-line:var(--palette-line,#d2d9c32b);--website-display:'Club Display',Arial,sans-serif;font-family:'Club Sans',Arial,sans-serif}
.customer-website-extras a,.customer-website-extras button{touch-action:manipulation}
.customer-website-extras :is(a,button,input):focus-visible{outline:2px solid var(--website-ink);outline-offset:5px}
.website-social-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px}
.website-social-caption{min-width:0;overflow-wrap:anywhere;text-transform:uppercase;font-size:9px;letter-spacing:.15em;color:var(--website-muted)}
.website-social-actions{display:flex;flex-wrap:wrap;gap:8px}
.customer-website-extras .website-social-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--website-line);border-radius:20px;padding:6px 12px;background:transparent;color:var(--website-ink);font:inherit;font-size:11px;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s}
.customer-website-extras .website-social-button:hover{background:color-mix(in srgb,var(--website-ink) 7%,transparent);border-color:var(--website-ink)}
.customer-website-extras .website-social-button:focus-visible{outline:1px solid var(--website-ink);outline-offset:3px}
.customer-website-extras .website-share-button{border-color:transparent;border-radius:0;padding-inline:8px}
.customer-website-extras .website-share-button:hover{background:transparent;border-color:transparent;color:var(--website-accent)}
.customer-website-extras .website-social-button:disabled{opacity:.6;cursor:progress}
.customer-website-extras .website-social-button svg{display:block;width:15px;height:15px;flex:none}
.website-ai-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:6%;align-items:center;overflow:hidden;border:1px solid var(--website-line);padding:38px 5%;background:linear-gradient(120deg,color-mix(in srgb,var(--website-accent) 9%,var(--website-bg)),var(--website-bg))}
.customer-website-extras .website-ai-eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--website-muted)}
.customer-website-extras #website-ai-title{margin:0;font-family:var(--website-display);font-size:clamp(38px,4.6vw,66px);font-weight:400;line-height:1.05;letter-spacing:-.015em;overflow-wrap:anywhere}
.customer-website-extras .website-ai-description{max-width:570px;margin:18px 0 0;color:var(--website-muted);font-size:14px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.website-ai-steps{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0;padding:0;list-style:none}
.website-ai-steps li{display:flex;align-items:baseline;gap:7px;font-size:10px;overflow-wrap:anywhere;max-width:100%;min-width:0}
.website-ai-steps li>span{color:var(--website-muted);font-size:9px}
.website-ai-action-row{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.customer-website-extras .website-ai-action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;max-width:100%;padding:12px 22px;background:var(--website-accent);color:var(--website-on-accent);font-size:12px;overflow-wrap:anywhere;transition:filter .2s}
.website-ai-action:hover{filter:brightness(1.1)}
.customer-website-extras .website-ai-action svg{display:block;width:23px;height:23px;flex:none}
.website-ai-action-row>small,.website-ai-sample{font-size:9px;line-height:1.7;color:var(--website-muted);overflow-wrap:anywhere}
.website-ai-action-row>small{max-width:230px;white-space:pre-line}
.website-ai-sample{display:block;margin-top:15px}
.website-looks-graphic{position:relative;display:grid;place-items:center;width:100%;height:260px;pointer-events:none}
.website-looks-spark{position:absolute;top:0;right:2%;color:var(--website-accent);font-size:60px;font-weight:300;line-height:1}
.website-looks-phone{width:174px;padding:13px;border:1px solid var(--website-line);border-radius:20px;background:var(--website-bg);transform:rotate(7deg);box-shadow:14px 17px 0 color-mix(in srgb,var(--website-ink) 4%,transparent)}
.website-looks-phone-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;padding:4px 0 12px}
.website-looks-phone-top>span{color:var(--website-muted)}
.website-looks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.website-look{position:relative;background:color-mix(in srgb,var(--website-ink) 7%,transparent);border-radius:4px;overflow:hidden}
.customer-website-extras .website-look svg{display:block;width:100%;height:auto;color:var(--website-ink)}
.website-look small{position:absolute;right:3px;bottom:1px;font-size:5px;color:var(--website-muted)}
.website-look-1 .website-look-hair,.website-look-5 .website-look-hair{transform:translate(0,4px) scaleY(.8);transform-origin:24px 24px}
.website-look-2 .website-look-hair,.website-look-6 .website-look-hair{transform:scaleX(-1);transform-origin:center}
.website-look-3 .website-look-hair,.website-look-7 .website-look-hair{transform:translate(0,-2px) scaleY(1.15);transform-origin:24px 24px}
.website-looks-phone-bottom{display:block;margin-top:13px;padding:10px 2px;border-top:1px solid var(--website-line);text-align:center;font-size:7px;letter-spacing:.12em}
.customer-website-extras .website-action-status{margin:0;font-size:12px;line-height:1.6}
.website-action-status:not(:empty){padding-top:16px}
.website-manual-share{display:block;margin-top:12px;font-size:12px;color:var(--website-muted)}
.website-manual-share input{display:block;width:100%;max-width:600px;margin-top:8px;padding:12px;border:1px solid var(--website-line);border-radius:0;background:var(--website-bg);color:var(--website-ink);font:inherit;font-size:13px}
@media(max-width:800px){.customer-website-extras{padding:22px 6% 36px}.website-social-row{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:24px}.website-ai-card{grid-template-columns:minmax(0,1fr) 155px;gap:22px;padding:30px 6%}.website-looks-graphic{height:215px}.website-looks-phone{width:143px;padding:11px}.website-looks-spark{font-size:43px;right:-2%}.customer-website-extras #website-ai-title{font-size:42px}.website-ai-steps{gap:10px 16px}.customer-website-extras .website-ai-description{font-size:13px}}
@media(max-width:560px){.website-ai-card{display:block;padding:28px 7%}.website-looks-graphic{display:none}.customer-website-extras #website-ai-title{font-size:45px}.website-social-caption{font-size:8px}.website-social-actions{gap:8px}.customer-website-extras .website-social-button{padding:6px 11px;font-size:11px}.customer-website-extras .website-share-button{padding-inline:7px}.website-ai-steps{flex-direction:column;gap:9px;margin:22px 0}.website-ai-action-row{gap:14px}.website-ai-action-row>small{max-width:100%}}
@media(pointer:coarse){.customer-website-extras .website-social-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.customer-website-extras *{transition:none!important}}