/* ==========================================================
   LinkIt Profile v4
   Modern Linktree Style
========================================================== */

:root{
    --primary:#FED254;

    --profile-accent:var(--primary-color,#8852C9);
    --profile-bg:#f8f9fa;
    --profile-card:#f7f8fa;
    --profile-text:var(--linkit-text-primary, #111827);
    --profile-muted:var(--linkit-text-muted, #6b7280);
    --profile-disabled:var(--linkit-text-disabled, #94a3b8);
    --profile-border:#e5e7eb;
    --profile-link-border:color-mix(in srgb,var(--profile-accent) 12%,var(--profile-border));
    --profile-link-glow:color-mix(in srgb,var(--profile-accent) 72%,#ffffff);

    --bg:var(--profile-bg);
    --card:var(--profile-card);
    --text:var(--profile-text);
    --text-muted:var(--profile-muted);
    --border:var(--profile-border);

    --radius:24px;

    --shadow:
        0 15px 40px rgba(0,0,0,.08);
}



/* ==========================================================
   Reset
========================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:transparent;
    color:var(--profile-text);
    overflow-x:clip;
}

html.is-preview{
    background:var(--gl-canvas-bg);
}

html.is-preview,
body.is-preview{
    scrollbar-color:color-mix(in srgb,var(--gl-text-muted,#67758b) 72%,transparent) var(--gl-canvas-bg);
}

html.is-preview::-webkit-scrollbar,
body.is-preview::-webkit-scrollbar{
    width:12px;
    background:var(--gl-canvas-bg);
}

html.is-preview::-webkit-scrollbar-track,
body.is-preview::-webkit-scrollbar-track{
    background:var(--gl-canvas-bg);
}

html.is-preview::-webkit-scrollbar-thumb,
body.is-preview::-webkit-scrollbar-thumb{
    border:2px solid var(--gl-canvas-bg);
    border-radius:999px;
    background:color-mix(in srgb,var(--gl-text-muted,#67758b) 72%,transparent);
}

html.is-preview::-webkit-scrollbar-button,
body.is-preview::-webkit-scrollbar-button,
html.is-preview::-webkit-scrollbar-corner,
body.is-preview::-webkit-scrollbar-corner{
    background:var(--gl-canvas-bg);
}

/* ==========================================================
   Page
========================================================== */

.profile-page{
    display:flex;
    min-height:100vh;
    min-height:100dvh;
    box-sizing:border-box;
    padding:0;
    background:var(--profile-bg);
    color:var(--profile-text);
}

.profile-back-to-top.gl-btn{position:fixed;right:max(24px,calc((100vw - 640px)/2 + 24px));bottom:24px;z-index:1000;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.profile-back-to-top.gl-btn-primary{--button-primary-bg:var(--profile-accent)}
.profile-back-to-top.is-visible{visibility:visible;opacity:1;pointer-events:auto}

@media(max-width:991.98px){
    .profile-page{padding-bottom:calc(62px + env(safe-area-inset-bottom) + 74px)}

    .profile-header .profile-add-contact{
        position:fixed;
        left:50%;
        bottom:calc(24px + env(safe-area-inset-bottom));
        z-index:1090;
        margin:0;
        transform:translateX(-50%);
        white-space:nowrap;
    }

    body:has(.dashboard-mobile-nav) .profile-header .profile-add-contact{
        bottom:calc(86px + env(safe-area-inset-bottom));
    }

    body:has(.dashboard-mobile-nav) .profile-back-to-top.gl-btn{
        bottom:calc(86px + env(safe-area-inset-bottom));
        z-index:1090;
    }
}

.profile-container{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    width:100%;
    max-width:640px;
    margin:0 auto;
    border-radius:var(--radius);
    background:var(--profile-bg);
    box-shadow:var(--shadow);
}

/* Disabled Team Account public state. It deliberately keeps the same cover,
   avatar, card, and theme vocabulary as an available public profile. */
.profile-unavailable-page{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    box-sizing:border-box;
    padding:24px 16px;
}

.profile-unavailable-card{
    display:flex;
    min-height:calc(100vh - 48px);
    flex-direction:column;
    overflow:hidden;
}

.profile-unavailable-card .profile-cover{
    flex:0 0 auto;
}

.profile-unavailable-avatar{
    flex:0 0 auto;
}

.profile-unavailable-content{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:20px 32px 32px;
}

.profile-unavailable-status{
    display:grid;
    width:52px;
    height:52px;
    margin:4px auto 18px;
    place-items:center;
    border:1px solid var(--profile-border);
    border-radius:50%;
    background:var(--profile-card);
    color:var(--profile-accent);
    font-size:1.35rem;
}

.profile-unavailable-status svg{
    width:25px;
    height:25px;
}

.profile-unavailable-content .profile-name{
    max-width:500px;
    line-height:1.25;
}

.profile-unavailable-footer{
    margin-top:auto;
}

/* ==========================================================
   Cover
========================================================== */

.profile-cover,
.cover-wrapper-unified{
    height:auto;
    aspect-ratio:433 / 198;
    overflow:hidden;
    position:relative;
    width:100%;
    border-radius:var(--radius) var(--radius) 0 0;
    background:#f1f1f1;
}

.profile-add-contact{margin-top:1rem}
.is-preview .profile-header .profile-add-contact{display:none}
@media(min-width:992px){.profile-header .profile-add-contact{display:none}}
.is-showcase-program-detail .profile-add-contact,
.is-showcase-program-detail .profile-links{display:none !important}

.profile-cover-image,
.cover-image-unified{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

/* ==========================================================
   Actions
========================================================== */

.profile-actions{
    position:absolute;
    top:20px;
    right:20px;

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    gap:10px;

    z-index:20;
}

.action-btn{
    -webkit-appearance:none;
    appearance:none;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;

    border:0;
    border-radius:16px;

    background:rgba(255,255,255,.85);
    color:var(--profile-text);
    font:inherit;
    line-height:1;
    text-decoration:none;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);

    cursor:pointer;

    box-shadow:var(--gl-surface-shadow-sm);

    transition:.25s;
}

.action-btn:focus-visible{
    outline:2px solid var(--profile-accent);
    outline-offset:3px;
}

.action-btn:hover{
    transform:translateY(-2px);
    box-shadow:var(--gl-surface-shadow);
}

.profile-about-action{
    display:grid;
    place-items:center;
    font-size:1.2rem;
    line-height:1;
}

.profile-about-action > i{
    display:block;
    line-height:1;
}

.profile-ai-action{position:relative;display:block;flex:0 0 48px;width:48px;height:48px;min-width:48px}
.gl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.profile-ai-label{position:absolute;top:50%;right:56px;width:max-content;max-width:150px;padding:7px 10px;transform:translateY(-50%);border:1px solid var(--profile-link-border);border-radius:12px;background:var(--gl-surface-bg);box-shadow:var(--gl-surface-shadow-sm);color:var(--profile-text);font-size:.78rem;font-weight:700;line-height:1.2;text-align:start}
body.ai-assistant-open{overflow:hidden}
.ai-assistant-modal{box-sizing:border-box;overflow:hidden;padding:16px}
.qr-modal-content.ai-assistant-panel{
    box-sizing:border-box;
    width:min(400px,calc(100vw - 32px));
    height:min(680px,calc(100dvh - 32px));
    min-width:0;
    max-width:none;
    max-height:calc(100dvh - 32px);
    overflow:hidden;
    padding:0;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    border-radius:22px;
    text-align:start;
}
.ai-assistant-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:0 0 auto;
    gap:14px;
    min-width:0;
    padding:16px 18px;
    border-bottom:1px solid var(--profile-link-border);
    background:var(--gl-surface-bg);
}
.ai-assistant-heading{display:flex;align-items:center;gap:11px;min-width:0}
.ai-assistant-heading-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--profile-accent) 13%,var(--gl-surface-bg));color:var(--profile-accent);font-size:1.05rem}
.ai-assistant-heading>div{min-width:0}
.ai-assistant-header h2{margin:0;color:var(--profile-text);font-size:1.05rem;line-height:1.25}
.ai-assistant-header p{margin:3px 0 0;color:var(--profile-muted);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.ai-assistant-close.qr-close{
    position:static;
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:0;
    transform:none;
    border:1px solid transparent;
    border-radius:12px;
    color:var(--profile-muted);
    font-size:1.65rem;
    line-height:1;
}
.ai-assistant-close.qr-close:hover{transform:none;border-color:var(--profile-link-border);background:var(--profile-card);color:var(--profile-text)}
.ai-assistant-close.qr-close:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}
.ai-assistant-messages{
    direction:ltr;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    gap:10px;
    min-width:0;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:16px;
    background:color-mix(in srgb,var(--profile-card) 60%,var(--gl-surface-bg));
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--profile-accent) 24%,transparent) transparent;
}
.ai-assistant-message{
    box-sizing:border-box;
    width:fit-content;
    min-width:0;
    max-width:86%;
    margin:0;
    padding:11px 14px;
    border-radius:16px;
    font-size:.9rem;
    line-height:1.65;
    text-align:start;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:normal;
}
.ai-assistant-message--assistant{align-self:flex-start;padding:12px 15px;border:1px solid var(--profile-link-border);border-bottom-left-radius:5px;background:var(--gl-surface-bg);color:var(--profile-text);box-shadow:0 3px 10px rgba(15,23,42,.04)}
.ai-assistant-message--user{align-self:flex-end;max-width:80%;border-bottom-right-radius:5px;background:var(--profile-accent);color:var(--profile-button-text,var(--linkit-text-inverse,#fff))}
.ai-assistant-message a{color:var(--profile-accent);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere;word-break:normal}
.ai-assistant-message a:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px;border-radius:3px}
.ai-assistant-status{color:var(--profile-muted);font-size:.85rem}
.ai-assistant-status[hidden]{display:none}
.ai-assistant-status:not(.is-typing) .ai-assistant-typing{display:none}
.ai-assistant-status.is-typing .ai-assistant-status-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ai-assistant-typing{display:flex;align-items:center;gap:4px;min-height:14px;padding:1px 0}
.ai-assistant-typing span{width:6px;height:6px;border-radius:50%;background:var(--profile-muted);animation:ai-assistant-dot 1.1s infinite ease-in-out}
.ai-assistant-typing span:nth-child(2){animation-delay:.14s}
.ai-assistant-typing span:nth-child(3){animation-delay:.28s}
@keyframes ai-assistant-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.ai-assistant-form{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:8px;
    min-width:0;
    padding:12px;
    border-top:1px solid var(--profile-link-border);
    background:var(--gl-surface-bg);
}
.ai-assistant-form input{box-sizing:border-box;min-width:0;height:46px;flex:1;border:1px solid var(--profile-link-border);border-radius:15px;background:var(--profile-card);color:var(--profile-text);padding:10px 14px;font:inherit}
.ai-assistant-form input:focus{outline:2px solid var(--profile-accent);outline-offset:1px;border-color:transparent}
.ai-assistant-form input:disabled{opacity:.7;cursor:wait}
.ai-assistant-form .gl-btn{flex:0 0 auto;min-width:72px;min-height:44px;border-radius:14px;--button-primary-bg:var(--profile-accent)}
.ai-assistant-form .gl-btn:disabled{opacity:.6;cursor:wait}
@media(max-width:480px){
    .ai-assistant-modal{padding:12px}
    .qr-modal-content.ai-assistant-panel{width:calc(100vw - 24px);height:min(720px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:20px}
    .ai-assistant-header{padding:14px}
    .ai-assistant-messages{padding:14px 12px}
    .ai-assistant-message{max-width:88%;font-size:.88rem}
    .ai-assistant-message--user{max-width:82%}
    .ai-assistant-form{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
    .ai-assistant-form .gl-btn{min-width:68px;padding-inline:13px}
}
@media(prefers-reduced-motion:reduce){.ai-assistant-typing span{animation:none;opacity:.7}}

/* ==========================================================
   Avatar
========================================================== */

.profile-header-navigation-row{
    direction:ltr;
    display:flex;
    box-sizing:border-box;
    width:100%;
    max-width:none;
    margin:-66px auto 0;
    padding-left:20px;
    padding-right:0;
    position:relative;
    z-index:10;
    align-items:flex-end;
    gap:10px;
}

.profile-header-navigation-row--avatar-only{justify-content:center}

.profile-avatar{
    display:flex;
    flex:0 0 132px;
    justify-content:center;
    position:relative;
    z-index:2;
}

.profile-avatar-image{
    width:132px;
    height:132px;

    border-radius:20px;
    object-fit:cover;

    border:3px solid #fff;
}

.profile-section-tabs{
    display:flex;
    direction:ltr;
    align-items:stretch;
    gap:14px;
    min-width:0;
    flex:1 1 auto;
    margin:0 0 0 -162px;
    padding:5px;
    padding-left:167px;
    padding-right:18px;
    padding-bottom:0;
    border:0;
    border-radius:0;
    background:var(--profile-bg);
    box-shadow:none;
    overflow-x:auto;
    scrollbar-width:none;
}

.profile-section-tabs::-webkit-scrollbar{display:none}
html[dir="rtl"] .profile-section-tabs{direction:rtl}

.profile-section-tab{
    display:flex;
    min-width:0;
    min-height:48px;
    flex:1 1 0;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:9px 12px;
    border-radius:13px;
    color:var(--profile-muted);
    font-size:.82rem;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.profile-section-tab i{font-size:1.05rem;line-height:1}
.profile-section-tab:hover{color:var(--profile-text);transform:translateY(-1px)}
.profile-section-tab:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}
.profile-section-tab.is-active{
    background:var(--profile-accent);
    color:var(--profile-button-text,var(--linkit-text-inverse,#fff));
    box-shadow:inset 4px 5px 11px -3px color-mix(in srgb,var(--profile-accent) 88%,#000),inset -2px -3px 6px color-mix(in srgb,var(--profile-accent) 94%,#000);
}

@media(max-width:560px){
    .profile-header-navigation-row{width:100%;margin-top:-52px;padding-left:14px;padding-right:0;gap:7px}
    .profile-avatar{flex-basis:104px}
    .profile-avatar-image{width:104px;height:104px;border-radius:17px}
    .profile-section-tabs{gap:8px;margin:0 0 0 -125px;padding:4px 8px 0 130px;border-radius:0}
    .profile-section-tab{min-width:82px;min-height:44px;flex:1 0 82px;gap:5px;padding:8px 7px;border-radius:12px;font-size:.72rem}
    .profile-section-tab i{font-size:.95rem}
}

/* ==========================================================
   Header
========================================================== */

.profile-header{
    text-align:center;
    padding:20px 25px;
}

.profile-name-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.profile-name{
    font-size:32px;
    font-weight:700;
}

.profile-affiliation{
    margin:8px auto 0;
    color:var(--text-muted);
    font-size:.9rem;
    line-height:1.5;
}

.profile-affiliation a{
    color:var(--profile-accent);
    font-weight:700;
    text-decoration:none;
}

.profile-affiliation a:hover{text-decoration:underline}
.profile-affiliation a:focus-visible{outline:2px solid var(--profile-accent);outline-offset:3px;border-radius:4px}

.verified-badge{
    width:23px;
    height:23px;

    border-radius:50%;

    background:#4f8be7;
    color:var(--linkit-text-inverse, #fff);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:14px;
    font-weight:700;
}

.profile-bio{
    margin-top:12px;

    color:var(--text-muted);

    font-size:11px;
    line-height:1.7;

    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

/* ==========================================================
   Links
========================================================== */

.grid-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;justify-items:stretch}.grid-icons>a{min-width:0}
@media(max-width:420px){.grid-icons{grid-template-columns:1fr}}

.profile-links{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    justify-content:space-between;
    gap:8px;
    padding:0 34px;
}

.profile-link-button{
    position:relative;
    isolation:isolate;
    display:grid;
    place-items:center;
    align-items:center;
    width:100%;
    min-width:0;
    min-height:72px;
    padding:10px 5px 7px;
    border-radius:18px;

    background:var(--gl-surface-bg);

    border:1px solid var(--profile-link-border);

    text-decoration:none;

    color:var(--profile-text);

    transition:.25s;
}

.profile-link-button--phone{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    direction:ltr;
}

.profile-links:has(> .profile-link-button:nth-child(3):last-child),
.profile-links:has(> .profile-link-button--phone:nth-child(4):last-child){
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.profile-links:has(> .profile-link-button:nth-child(2):last-child),
.profile-links:has(> .profile-link-button--phone:nth-child(3):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.profile-links:has(> .profile-link-button:nth-child(2):last-child) > .profile-link-button:not(.profile-link-button--phone),
.profile-links:has(> .profile-link-button--phone:nth-child(3):last-child) > .profile-link-button:not(.profile-link-button--phone){
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
}

.profile-links:has(> .profile-link-button:nth-child(2):last-child) > .profile-link-button:not(.profile-link-button--phone) .profile-link-label,
.profile-links:has(> .profile-link-button--phone:nth-child(3):last-child) > .profile-link-button:not(.profile-link-button--phone) .profile-link-label{
    width:auto;
    font-size:.78rem;
}

.profile-links:has(> .profile-link-button:nth-child(1):last-child),
.profile-links:has(> .profile-link-button--phone:nth-child(2):last-child){
    grid-template-columns:minmax(0,1fr);
}

.profile-links:has(> .profile-link-button:nth-child(1):last-child) > .profile-link-button:not(.profile-link-button--phone),
.profile-links:has(> .profile-link-button--phone:nth-child(2):last-child) > .profile-link-button:not(.profile-link-button--phone){
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.profile-links:has(> .profile-link-button:nth-child(1):last-child) > .profile-link-button:not(.profile-link-button--phone) .profile-link-label,
.profile-links:has(> .profile-link-button--phone:nth-child(2):last-child) > .profile-link-button:not(.profile-link-button--phone) .profile-link-label{
    width:auto;
    font-size:1rem;
}

.profile-link-button--phone .profile-link-label{
    width:auto;
    font-size:1rem;
    letter-spacing:.04em;
}

.profile-link-button--phone .profile-link-icon{
    width:30px;
    height:30px;
}

.profile-link-phone-icon{
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--profile-accent);
    color:var(--profile-button-text,var(--linkit-text-inverse,#fff));
}

.profile-link-phone-icon i{
    font-size:14px;
    line-height:1;
}

.profile-showcase{
    display:grid;
    gap:28px;
    min-width:0;
    padding:16px 34px 28px;
}
.showcase-section{min-width:0;color:var(--profile-text)}
.showcase-section-header{margin-bottom:13px}
.showcase-section-header h2{display:inline-flex;align-items:center;margin:0;padding:7px 16px;border:1px solid color-mix(in srgb,var(--profile-accent) 22%,transparent);border-radius:12px;background:var(--gl-surface-bg);color:var(--profile-text);font-size:1.18rem;line-height:1.35}
.showcase-section-header p{margin:5px 0 0;color:var(--profile-muted);font-size:.9rem;line-height:3.55}
.showcase-program-breadcrumb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;direction:rtl}
.showcase-program-breadcrumbs{min-width:0;color:var(--profile-muted);font-size:.82rem;line-height:1.5}
.showcase-program-breadcrumbs ol{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;direction:ltr}
.showcase-program-breadcrumbs a{color:var(--profile-accent);text-decoration:none}
.showcase-program-breadcrumbs a:hover{text-decoration:underline}
.showcase-program-breadcrumb-separator{color:var(--profile-muted);font-size:1rem}
.is-showcase-program-detail .showcase-section--pricing_table{overflow:hidden;padding:clamp(22px,4vw,34px);border:0;border-radius:26px;background:var(--gl-surface-bg);box-shadow:var(--gl-surface-shadow-sm)}
.is-showcase-program-detail .showcase-section--pricing_table>.showcase-section-header{display:grid;justify-items:center;gap:10px;margin:0 0 24px;padding:0 4px 22px;border-bottom:1px solid color-mix(in srgb,var(--profile-accent) 18%,var(--profile-border));text-align:center}
.is-showcase-program-detail .showcase-section--pricing_table>.showcase-section-header h2{display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--profile-text);font-size:clamp(1.65rem,5vw,2.25rem);font-weight:850;line-height:1.25;text-align:center}
.is-showcase-program-detail .showcase-section--pricing_table>.showcase-section-header p{max-width:520px;margin:0;color:var(--profile-muted);font-size:.92rem;line-height:1.75;text-align:center}
.is-showcase-program-detail .showcase-program-breadcrumb-row{justify-content:center;width:100%;margin:0}
.is-showcase-program-detail .showcase-program-breadcrumbs ol{justify-content:center}
.is-showcase-program-detail .showcase-program-day{border:0;background:color-mix(in srgb,var(--profile-card) 96%,var(--profile-accent));box-shadow:none}
.is-showcase-program-detail .showcase-price-table-wrap{border:0}
.showcase-section--programs{position:relative;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.showcase-program-group-header{position:absolute;top:24px;left:24px;z-index:5;display:flex;align-items:center;justify-content:center;gap:9px;max-width:calc(100% - 72px);padding:10px 18px;border:0;border-radius:999px;background:var(--profile-accent);color:var(--profile-button-text,#fff);box-shadow:0 8px 18px color-mix(in srgb,var(--profile-accent) 28%,transparent);pointer-events:none}
.showcase-program-group-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:inherit;font-size:1.15rem}
.showcase-program-group-header h2{margin:0;color:inherit;font-size:1.08rem;line-height:1.3;white-space:nowrap}
.showcase-program-group-header p{margin:2px 0 0;color:inherit;font-size:.72rem;line-height:1.3;text-align:center;opacity:.82}
.showcase-program-carousel{position:relative;width:calc(100% - 28px);max-width:580px;margin:0 auto;padding:0}
.showcase-program-card{position:relative;display:block;overflow:hidden;padding:12px;border-radius:26px;background:var(--gl-surface-bg);box-shadow:0 10px 24px rgba(15,23,42,.09);color:var(--profile-text);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.showcase-program-card:hover{transform:translateY(-3px);box-shadow:var(--gl-surface-shadow)}
.showcase-program-card:focus-visible{outline:3px solid color-mix(in srgb,var(--profile-accent) 42%,transparent);outline-offset:3px}
.showcase-program-card[hidden]{display:none}
.showcase-program-card-media{display:grid;place-items:center;width:100%;aspect-ratio:16/8;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 20%,var(--profile-card)),var(--gl-surface-bg));color:var(--profile-accent);font-size:2.3rem}
.showcase-program-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.showcase-program-card:hover .showcase-program-card-media img{transform:scale(1.025)}
.showcase-program-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;min-height:128px;padding:18px 12px 7px;text-align:right}
.showcase-program-card-copy{display:flex;min-width:0;flex-direction:column}
.showcase-program-card-label{display:block;margin-bottom:4px;color:var(--profile-muted);font-size:.75rem;font-weight:800}
.showcase-program-card h3{margin:0;color:var(--profile-text);font-size:1.3rem;line-height:1.35}
.showcase-program-card-duration{display:flex;align-items:center;gap:6px;margin:auto 0 0;color:var(--profile-muted);font-size:.9rem}
.showcase-program-card-action{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:9px;min-width:104px;direction:rtl}
.showcase-program-card-view{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 14px;border-radius:999px;background:var(--profile-accent);color:var(--profile-button-text,var(--linkit-text-inverse,#fff));font-size:.78rem;font-weight:800;line-height:1}
.showcase-program-card-starting-price{display:grid;justify-items:center;gap:1px;margin:0;color:var(--profile-muted);line-height:1.12;text-align:center;direction:rtl}
.showcase-program-card-starting-price span{font-size:.74rem}
.showcase-program-card-starting-price strong{color:var(--profile-accent);font-size:3rem;font-weight:850;letter-spacing:-.03em}
.showcase-program-card-starting-price small{font-size:.72rem;font-weight:800}
.showcase-program-carousel-arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:48px;height:48px;padding:0;border:4px solid color-mix(in srgb,var(--gl-surface-bg) 88%,transparent);border-radius:50%;background:var(--profile-accent);color:var(--profile-button-text,#fff);font-size:1.05rem;line-height:1;transform:translateY(-50%);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;box-shadow:0 7px 16px rgba(15,23,42,.2);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.showcase-program-carousel-arrow--prev{inset-inline-end:-14px}
.showcase-program-carousel-arrow--next{inset-inline-start:-14px}
.showcase-program-carousel-arrow:hover{filter:brightness(.96);transform:translateY(-50%) scale(1.06);box-shadow:0 9px 18px rgba(15,23,42,.24)}
.showcase-section--program-groups{padding:10px 0 24px}
.showcase-program-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px}
.showcase-program-group-card{position:relative;display:grid;min-width:0;overflow:hidden;padding:8px;border:0;border-radius:21px;background:var(--gl-surface-bg);box-shadow:0 10px 24px rgba(15,23,42,.09);color:var(--profile-text);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.showcase-program-group-card:focus-visible{outline:3px solid color-mix(in srgb,var(--profile-accent) 42%,transparent);outline-offset:3px}
.showcase-program-group-card:hover{transform:translateY(-3px);box-shadow:var(--gl-surface-shadow)}
.showcase-program-group-card-media{position:relative;display:grid;min-height:0;overflow:hidden;place-items:center;aspect-ratio:4/3;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--profile-accent) 78%,#111),color-mix(in srgb,var(--profile-accent) 38%,var(--gl-surface-bg)));color:var(--profile-button-text,var(--linkit-text-inverse,#fff));font-size:3.2rem}
.showcase-program-group-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--profile-accent) 7%,transparent),color-mix(in srgb,var(--profile-accent) 24%,transparent));pointer-events:none}
.showcase-program-group-card-media img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.9) contrast(1.04)}
.showcase-program-group-card-media i{position:relative;z-index:1}
.showcase-program-group-card-copy{position:relative;display:grid;align-content:start;justify-items:start;gap:5px;min-height:170px;padding:24px 9px 7px;background:var(--gl-surface-bg)}
.showcase-program-group-card-copy>i{position:absolute;inset-block-start:-20px;inset-inline-end:16px;display:grid;width:40px;height:40px;place-items:center;border:3px solid var(--gl-surface-bg);border-radius:50%;background:var(--profile-accent);color:var(--profile-button-text,var(--linkit-text-inverse,#fff))}
.showcase-program-group-card-copy strong{color:var(--profile-text);font-size:1.12rem;line-height:1.35}
.showcase-program-group-card-copy small{color:var(--profile-muted);font-size:.76rem;line-height:1.45}
.showcase-program-group-card-copy b{margin-top:5px;color:var(--profile-muted);font-size:.72rem}
.showcase-program-group-card-copy em{justify-self:end;margin-top:auto;padding:7px 13px;border-radius:999px;background:var(--profile-accent);color:var(--profile-button-text,var(--linkit-text-inverse,#fff));font-size:.72rem;font-style:normal;font-weight:800}
.showcase-section--programs-list{display:grid;gap:18px;padding:0}
.showcase-program-list-header{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--profile-link-border);color:var(--profile-text)}
.showcase-program-list-header>i{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:15px;background:var(--profile-accent);color:var(--profile-button-text,var(--linkit-text-inverse,#fff));font-size:1.25rem;box-shadow:0 12px 22px -14px var(--profile-accent)}
.showcase-program-list-header h2,.showcase-program-list-header p{margin:0}.showcase-program-list-header h2{font-size:1.3rem}.showcase-program-list-header p{margin-top:4px;color:var(--profile-muted);font-size:.78rem}
.showcase-program-grid-public{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.showcase-program-grid-public .showcase-program-card{min-width:0;padding:8px;border-radius:21px}
.showcase-program-grid-public .showcase-program-card-media{aspect-ratio:4/3;border-radius:15px}
.showcase-program-grid-public .showcase-program-card-body{grid-template-columns:1fr;gap:12px;min-height:170px;padding:13px 9px 7px}
.showcase-program-grid-public .showcase-program-card-action{align-items:flex-start;justify-content:space-between;flex-direction:row;min-width:0}
.showcase-program-grid-public .showcase-program-card-starting-price{justify-items:start}
.showcase-program-grid-public .showcase-program-card-starting-price strong{font-size:2.25rem}
@media(max-width:560px){.showcase-program-group-header{top:18px;left:18px;gap:7px;max-width:calc(100% - 48px);padding:8px 14px}.showcase-program-group-icon{flex-basis:24px;width:24px;height:24px;font-size:1rem}.showcase-program-group-header h2{font-size:.95rem}.showcase-program-group-header p{font-size:.64rem}.showcase-program-card{padding:9px;border-radius:22px}.showcase-program-card-media{aspect-ratio:16/9;border-radius:15px}.showcase-program-card-body{gap:10px;min-height:118px;padding:14px 8px 6px}.showcase-program-card h3{font-size:1.12rem}.showcase-program-card-action{min-width:86px}.showcase-program-card-starting-price strong{font-size:2.5rem}.showcase-program-carousel-arrow{top:50%;width:38px;height:38px;font-size:.92rem}.showcase-program-carousel-arrow--prev{inset-inline-end:-14px}.showcase-program-carousel-arrow--next{inset-inline-start:-14px}}
@media(max-width:560px){.showcase-program-group-grid{gap:10px;padding:2px}.showcase-program-group-card-copy{min-height:140px;padding:22px 9px 7px}.showcase-program-group-card-copy strong{font-size:.95rem}.showcase-program-group-card-copy small,.showcase-program-group-card-copy b,.showcase-program-group-card-copy em{font-size:.66rem}.showcase-section--programs-list{padding:0}.showcase-program-grid-public{grid-template-columns:1fr;gap:16px}.showcase-program-grid-public .showcase-program-card-body{min-height:140px}}
@media(max-width:560px){
    .showcase-section--cards .showcase-track{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        width:100%;
        overflow:visible;
        padding:0;
        scroll-snap-type:none;
    }
    .showcase-section--cards .showcase-item h3{font-size:.9rem}
    .showcase-section--cards .showcase-item p{font-size:.74rem;line-height:1.45}
}
.showcase-section-price{display:block;margin-top:8px;color:var(--profile-text);font-size:.92rem}
.showcase-track{
    display:flex;
    gap:14px;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    padding:2px 2px 42px;
    scroll-padding-inline:2px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:var(--profile-border) transparent;
    -webkit-overflow-scrolling:touch;
}
[dir="rtl"] .showcase-track{direction:ltr}
[dir="rtl"] .showcase-item{direction:rtl;text-align:right}
.showcase-menu-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.showcase-menu-page{overflow:hidden;margin:0;border:1px solid var(--profile-border);border-radius:18px;background:var(--profile-card);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.showcase-menu-page a{display:block;overflow:hidden;background:color-mix(in srgb,var(--profile-card) 90%,var(--profile-accent));text-decoration:none}
.showcase-menu-page img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;transition:transform .28s ease}
.showcase-menu-page a:hover img{transform:scale(1.015)}
.showcase-menu-page figcaption{padding:10px 12px;color:var(--profile-muted);font-size:.76rem;line-height:1.5;text-align:start}
.showcase-track:focus-visible{outline:3px solid var(--profile-accent);outline-offset:3px}
@media(max-width:480px){.showcase-menu-gallery{grid-template-columns:1fr}.showcase-menu-page{width:min(100%,360px);margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.showcase-menu-page img{transition:none}}
.showcase-item{
    flex:0 0 clamp(220px,36vw,280px);
    min-width:0;
    overflow:hidden;
    scroll-snap-align:start;
    border:1px solid var(--profile-border);
    border-radius:18px;
    background:var(--gl-surface-bg);
    color:var(--profile-text);
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.showcase-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.showcase-card-content,.showcase-itinerary-item{padding:16px}
.showcase-section--cards .showcase-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible;padding:0;scroll-snap-type:none}
.showcase-section--cards .showcase-item{position:relative;display:grid;width:auto;min-width:0;overflow:hidden;padding:8px;border:0;border-radius:21px;background:var(--gl-surface-bg);box-shadow:0 10px 24px rgba(15,23,42,.09);color:var(--profile-text);transition:transform .22s ease,box-shadow .22s ease}
.showcase-section--cards .showcase-item:hover{transform:translateY(-3px);box-shadow:var(--gl-surface-shadow)}
.showcase-section--cards .showcase-item:focus-within{outline:3px solid color-mix(in srgb,var(--profile-accent) 42%,transparent);outline-offset:3px}
.showcase-section--cards .showcase-item img{aspect-ratio:4/3;border-radius:15px;transition:transform .35s ease}
.showcase-section--cards .showcase-item:hover img{transform:scale(1.025)}
.showcase-section--cards .showcase-card-content{display:grid;align-content:start;min-height:170px;padding:13px 9px 7px;background:var(--gl-surface-bg)}
.showcase-itinerary-item>img{width:calc(100% + 32px);max-width:none;margin:-16px -16px 15px}
.showcase-item h3{margin:0 0 7px;color:var(--profile-text);font-size:1rem;line-height:1.4}
.showcase-item p{margin:0;color:var(--profile-muted);font-size:.86rem;line-height:1.6}
.showcase-item-price{display:block;width:100%;margin-top:14px;color:var(--profile-accent);font-size:2rem;font-weight:850;line-height:1.05;letter-spacing:-.03em;text-align:left}
.showcase-cta{display:inline-flex;width:max-content;align-items:center;justify-content:center;margin-top:12px;padding:8px 14px;border-radius:999px;background:var(--profile-accent);color:var(--profile-button-text,var(--linkit-text-inverse,#fff));font-size:.78rem;font-weight:800;line-height:1;text-decoration:none}
.showcase-cta:hover{filter:brightness(.96)}
@media(max-width:560px){.showcase-section--cards .showcase-track{gap:12px}.showcase-section--cards .showcase-card-content{min-height:140px}.showcase-section--cards .showcase-item-price{font-size:1.55rem}.showcase-section--cards .showcase-cta{font-size:.7rem}}
.showcase-price-table-wrap{max-width:100%;overflow-x:auto;background:var(--gl-surface-bg);scrollbar-width:thin;scrollbar-color:var(--profile-border) transparent}
.showcase-price-table-wrap:focus-visible{outline:3px solid var(--profile-accent);outline-offset:3px}
.showcase-price-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;color:var(--profile-text);font-size:.76rem}
.showcase-price-table th,.showcase-price-table td{padding:9px 7px;border-inline-end:1px solid var(--profile-border);border-bottom:1px solid var(--profile-border);text-align:start;vertical-align:middle;overflow-wrap:anywhere}
.showcase-price-table th:nth-child(1),.showcase-price-table td:nth-child(1){width:28%}
.showcase-price-table th:nth-child(2),.showcase-price-table td:nth-child(2){width:13%}
.showcase-price-table th:nth-child(3),.showcase-price-table td:nth-child(3){width:15%}
.showcase-price-table th:nth-child(n+4),.showcase-price-table td:nth-child(n+4){width:14.66%;text-align:center}
.showcase-price-table th:last-child,.showcase-price-table td:last-child{border-inline-end:0}
.showcase-price-table tbody tr:last-child td{border-bottom:0}
.showcase-price-table tfoot td{padding:8px 10px;border-top:1px solid var(--profile-border);border-inline-end:0;border-bottom:0;background:color-mix(in srgb,var(--profile-accent) 6%,var(--gl-surface-bg));color:var(--profile-muted);font-size:.76rem;text-align:center}
.showcase-price-table th{background:color-mix(in srgb,var(--profile-accent) 16%,var(--profile-card));font-weight:800;white-space:nowrap}
.showcase-price-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--profile-card) 92%,var(--profile-accent))}
.showcase-table-currency{margin:9px 3px 0;color:var(--profile-muted);font-size:.78rem}
.showcase-table-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.showcase-table-details section{padding:15px;border-radius:22px;background:var(--gl-surface-bg);box-shadow:var(--gl-surface-shadow-sm)}
.showcase-table-details h3{margin:0 0 9px;color:var(--profile-text);font-size:.82rem}
.showcase-table-details ul{display:grid;gap:6px;margin:0;padding-inline-start:20px;color:var(--profile-muted);font-size:.7rem;line-height:1.5}
.showcase-table-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:15px 22px;border-radius:22px;background:var(--gl-surface-bg);box-shadow:var(--gl-surface-shadow-sm);color:var(--profile-text);font-size:.6rem;line-height:1.5}
.showcase-table-note i{flex:0 0 auto;color:var(--profile-accent)}
.showcase-program-days{margin-block:14px}
.showcase-program-day{width:auto;overflow:hidden;padding:18px 22px;border-radius:22px;background:var(--gl-surface-bg);box-shadow:var(--gl-surface-shadow-sm)}
.showcase-program-day-header{display:grid;justify-items:center;gap:8px;margin-bottom:18px;text-align:center}
.showcase-program-day-header .showcase-day{display:inline-grid;place-items:center;margin:0;padding:6px 11px;border-radius:7px;background:#fed254;color:#111827;font-size:.78rem;font-weight:900;line-height:1.2}
.showcase-program-day-header h3{margin:0;padding:0;background:transparent;color:var(--profile-text);font-size:.85rem;font-weight:800}
.showcase-program-day-heading{min-width:min(330px,70%)}
.showcase-program-day-heading h3{min-width:0;width:100%;border-radius:12px 0 0 12px}
.showcase-program-day-breadcrumbs{display:flex;align-items:center;gap:6px;margin-top:6px;padding-inline:18px;color:var(--profile-muted);font-size:.72rem;line-height:1.4}
.showcase-public-activities{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.showcase-public-activities li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding-inline-start:12px;border-inline-start:2px solid var(--profile-accent)}
.showcase-public-activities li>span{color:var(--profile-accent);font-size:1rem;font-weight:900}
.showcase-public-activities h4{margin:0;color:var(--profile-accent);font-size:.88rem}
.showcase-public-activities p{margin:6px 0 0;color:var(--profile-text);font-size:.7rem;line-height:1.85}
@media(max-width:640px){.showcase-price-table-wrap{overflow-x:auto;background:var(--gl-surface-bg)}.showcase-price-table{display:table;min-width:0;width:100%;table-layout:fixed;font-size:.62rem}.showcase-price-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto}.showcase-price-table tbody{display:table-row-group}.showcase-price-table tr{display:table-row;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.showcase-price-table th,.showcase-price-table td{display:table-cell;padding:7px 8px;white-space:normal;overflow-wrap:anywhere}.showcase-price-table td::before{content:none}.showcase-price-table th:nth-child(1),.showcase-price-table td:nth-child(1){width:28%}.showcase-price-table th:nth-child(2),.showcase-price-table td:nth-child(2){width:13%}.showcase-price-table th:nth-child(3),.showcase-price-table td:nth-child(3){width:15%}.showcase-price-table th:nth-child(n+4),.showcase-price-table td:nth-child(n+4){width:14.66%}.showcase-table-details{grid-template-columns:1fr}}
@media(max-width:560px){.is-showcase-program-detail .showcase-section--pricing_table{padding:18px 14px;border-radius:22px}.is-showcase-program-detail .showcase-section--pricing_table>.showcase-section-header{margin-bottom:18px;padding-bottom:18px}.is-showcase-program-detail .showcase-section--pricing_table>.showcase-section-header h2{font-size:1.65rem}}
.showcase-day{display:inline-flex;margin-bottom:8px;color:var(--profile-accent);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.showcase-meta{display:grid;gap:6px;margin-top:12px;font-size:.8rem}
.showcase-meta div{display:grid;grid-template-columns:auto 1fr;gap:8px}
.showcase-meta dt{color:var(--profile-muted)}
.showcase-meta dd{margin:0;color:var(--profile-text);font-weight:600}

.profile-link-button::after{
    content:"";
    position:absolute;
    inset:-1.5px;
    z-index:1;
    padding:1.5px;
    border-radius:inherit;
    background:conic-gradient(from var(--profile-ring-angle),transparent 0 74%,color-mix(in srgb,var(--profile-accent) 72%,#fff) 81%,var(--profile-accent) 85%,#fff 88%,var(--profile-accent) 92%,transparent 98% 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    opacity:1;
    pointer-events:none;
    animation:profile-link-ring 5s linear infinite;
}

.profile-link-button > *{
    position:relative;
    z-index:2;
}

@property --profile-ring-angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}

@keyframes profile-link-ring{to{--profile-ring-angle:360deg}}
.profile-link-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.profile-link-button::after{animation:none;opacity:.72}.showcase-program-group-card,.showcase-section--cards .showcase-item{transition:none}.showcase-program-group-card:hover,.showcase-section--cards .showcase-item:hover{transform:none}.showcase-section--cards .showcase-item img{transition:none}}

.profile-link-button:hover{
    transform:translateY(-3px);
}

.profile-link-icon{
    width:28px;
    height:28px;
    object-fit:contain;
    flex-shrink:0;
}

.profile-link-label{
    display:block;
    width:100%;
    overflow:hidden;
    color:var(--profile-muted);
    font-size:.58rem;
    font-weight:700;
    line-height:1.15;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* ==========================================================
   Footer
========================================================== */

.profile-footer{
    margin-top:auto;
    text-align:center;
    padding:40px 20px;
}

.join-linkit-cta{
    --join-linkit-accent:var(--profile-accent);
    --button-primary-bg:var(--join-linkit-accent);
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    box-sizing:border-box;
    width:calc(100% - 28px);
    margin:0 auto 25px;
    padding:15px 16px;
    border:1px solid color-mix(in srgb,var(--join-linkit-accent) 24%,var(--profile-border));
    border-radius:20px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--join-linkit-accent) 9%,var(--card)),var(--card));
    text-align:start;
}

.join-linkit-icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:14px;
    background:color-mix(in srgb,var(--join-linkit-accent) 14%,var(--card));
    color:var(--join-linkit-accent);
    font-size:1.05rem;
}

.join-linkit-copy{display:grid;align-content:center;gap:4px;min-width:0}
.join-linkit-copy span{color:var(--text-muted);font-size:.7rem;line-height:1.3}
.join-linkit-copy strong{color:var(--text);font-size:.82rem;line-height:1.35}

.join-linkit-btn.gl-btn{
    min-width:270px;
    max-width:300px;
    min-height:42px;
    padding-inline:16px;
    white-space:nowrap;
    text-align:center;
    align-self:center;
}

@media(max-width:560px){.join-linkit-cta{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 15px}.join-linkit-btn.gl-btn{grid-column:1/-1;width:100%;min-width:0;max-width:none;margin-top:2px;white-space:normal}}

.joined-date,
.copyright-note{
    color:var(--text-muted);
    font-size:13px;
}

.copyright-note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.28em;
    direction:ltr;
}

.joined-date{
    margin-bottom:8px;
}





/* ==========================================
   QR Modal
========================================== */

.qr-modal{
    position:fixed;
    inset:0;

    display:none;
    align-items:center;
    justify-content:center;

    background:rgba(0,0,0,.55);
    backdrop-filter:blur(6px);

    z-index:9999;

    padding:20px;
}

.qr-modal-content{
    position:relative;

    width:100%;
    max-width:340px;

    background:var(--gl-surface-bg);
    border:1px solid var(--profile-link-border);
    border-radius:28px;

    padding:34px 28px 24px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:18px;

    text-align:center;

    box-shadow:var(--gl-surface-shadow);
    color:var(--profile-text);
}

/* Close */

.qr-close{
    position:absolute;

    top:3px;
    left:50%;

    transform:translateX(-50%);

    background:none;
    border:none;

    color:#ef4444;

    font-size:36px;

    cursor:pointer;

    line-height:1;

    transition:.2s;
}

.qr-close:hover{
    color:#dc2626;
    transform:translateX(-50%) scale(1.12);
}

/* QR */

#qrArea{
    width:100%;
    margin-top:30px;
    padding:14px;
    border-radius:20px;
    background:var(--gl-surface-inset-bg);
    box-shadow:var(--gl-surface-well);
    display:flex;
    justify-content:center;
    align-items:center;
}

#qrArea img,
#qrArea canvas{
    display:block;

    margin:0 auto;
}

/* URL */

.qr-url {
    margin: 0;
    font-size: 12px;
    color: var(--profile-muted);
    direction: ltr;
    text-align: center;
    word-break: break-all;
    font-weight: 400;
}







/* ==========================================================
   Business Hours Popup
========================================================== */

.hours-list{

    width:100%;

    display:flex;
    flex-direction:column;

    gap:12px;

    margin-top:4px;
    padding:10px 16px;
    border-radius:20px;
    background:var(--gl-surface-inset-bg);
    box-shadow:var(--gl-surface-well);

}

.hours-row{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:12px 0;

    border-bottom:1px solid var(--profile-link-border);

    font-size:15px;

}

.hours-row:last-child{

    border-bottom:none;

}

.hours-row span{

    color:var(--text-muted);
    font-weight:600;

}

.hours-row strong{

    color:var(--text);
    font-weight:700;

}

body.dark .hours-row{

    border-color:#1f2937;

}

body.dark .hours-row strong{

    color:var(--profile-text);

}

body.dark .hours-row span{

    color:#94a3b8;

}






/* ==========================================================
   Preview Badge
========================================================== */

.preview-badge{
    position:fixed;

    top:3px;
    left:15px;

    z-index:9999;

    padding:8px 14px;

    border-radius:999px;

    background:#111827;
    color:#fff;

    font-size:12px;
    font-weight:700;
}

/* ==========================================================
   Dark Mode
========================================================== */

body.dark{
    --profile-bg:#171717;
    --profile-card:#111827;
    --linkit-text-primary:#f8fafc;
    --linkit-text-secondary:#e2e8f0;
    --linkit-text-muted:#94a3b8;
    --linkit-text-disabled:#64748b;
    --linkit-text-inverse:#fff;
    --linkit-control-bg:#172033;
    --linkit-control-placeholder:#94a3b8;
    --profile-text:var(--linkit-text-primary);
    --profile-muted:var(--linkit-text-muted);
    --profile-border:#1f2937;
    --profile-link-border:color-mix(in srgb,var(--profile-accent) 18%,var(--profile-border));
    --profile-link-glow:color-mix(in srgb,var(--profile-accent) 86%,#ffffff);
    --gl-surface-bg:linear-gradient(145deg,#141414,#252525 58%,#282828);
    --gl-surface-shadow-sm:0 14px 24px -12px rgba(0,0,0,.72),inset 2px 2px 3px rgba(255,255,255,.08),inset -2px -3px 6px rgba(0,0,0,.34);
    --gl-surface-shadow:0 22px 38px -18px rgba(0,0,0,.82),inset 2px 3px 4px rgba(255,255,255,.09),inset -3px -5px 9px rgba(0,0,0,.38);

    --bg:var(--profile-bg);
    --card:var(--profile-card);
    --text:var(--profile-text);
    --text-muted:var(--profile-muted);
    --border:var(--profile-border);
}

.hours-modal-content h3{margin:0;color:var(--profile-text);font-size:1.15rem;font-weight:750;line-height:1.3}

body.dark .action-btn{
    background:rgba(17,24,39,.86);
    color:var(--linkit-text-inverse,#fff);
}

body.dark .profile-avatar-image{
    border-color:#111827;
}

body.dark .qr-modal-content{
    background:var(--gl-surface-bg);
}

body.dark .profile-link-label{
    color:var(--profile-text);
}

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:768px){

    .profile-unavailable-page{padding:0}
    .profile-unavailable-card{min-height:100vh;border-radius:0;box-shadow:none}
    .profile-unavailable-content{padding-inline:22px}

    body:not(.is-preview) .profile-cover,
    body:not(.is-preview) .cover-wrapper-unified{
        height:clamp(250px,60vw,270px);
        aspect-ratio:auto;
        border-radius:0;
    }

    .profile-name{
        font-size:26px;
    }

    .profile-link-button{padding:9px 4px 7px;border-radius:17px}
    .profile-link-icon{width:27px;height:27px}
    .profile-ai-label{max-width:110px;padding:5px 7px;font-size:.68rem}
}

@media (max-width:420px){.profile-links{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:space-between;gap:8px;padding:0 34px}.profile-link-button{min-height:68px;border-radius:16px}.profile-link-icon{width:26px;height:26px}.profile-link-label{font-size:.54rem}}
.profile-left-actions{position:absolute;top:20px;left:20px;z-index:20;display:grid;grid-template-rows:repeat(4,48px);grid-auto-columns:48px;grid-auto-flow:column;gap:10px}.profile-left-actions>.action-btn{width:48px;height:48px}.profile-network-action{display:grid;place-items:center;text-decoration:none}.profile-network-action i{font-size:1.35rem;line-height:1;animation:profile-network-orbit 7s linear infinite}.network-auth-panel{position:relative;width:min(360px,calc(100vw - 32px));padding:32px;text-align:center}.network-auth-panel h2,.network-auth-panel p{margin:0}.network-auth-panel p{margin-top:9px;color:var(--profile-muted);line-height:1.55}.network-auth-icon{display:block;margin-bottom:12px;color:var(--profile-accent);font-size:2rem}.network-auth-actions{display:grid;gap:10px;margin-top:22px}.network-auth-close{top:14px;right:14px;left:auto;width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:27px;transform:none}.network-auth-close:hover{transform:scale(1.1)}.network-auth-modal:not([hidden]){display:flex}.network-auth-modal[hidden]{display:none}@keyframes profile-network-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.profile-network-action i{animation:none}}@media(max-width:768px){.profile-left-actions{top:14px;left:14px}.profile-dashboard-home-action{display:none}}

.profile-install-panel{width:min(390px,calc(100vw - 32px));padding:34px 28px;text-align:center}
.profile-install-close{top:14px;right:14px;left:auto;width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:27px;transform:none}
.profile-install-close:hover{transform:scale(1.1)}
.profile-install-modal[hidden]{display:none}
.profile-install-modal:not([hidden]){display:flex}
.profile-install-icon{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--profile-accent) 14%,var(--profile-card));color:var(--profile-accent);font-size:1.65rem;box-shadow:0 14px 30px -22px var(--profile-accent)}
.profile-install-panel h2{margin:0;color:var(--profile-text);font-size:1.35rem;line-height:1.35}
.profile-install-panel p{margin:10px auto 22px;color:var(--profile-muted);font-size:.88rem;line-height:1.65}
.profile-install-panel .gl-btn{width:100%}
.profile-install-action.is-installed{color:var(--profile-accent)}
.business-seo-public {
    min-height: 100vh;
    background: var(--profile-bg);
    color: var(--profile-text);
}

.business-seo-page {
    align-items: stretch;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 32px 16px;
}

.business-seo-container {
    overflow: hidden;
    padding-bottom: 0;
}

.profile-header-back-action {
    display: grid;
    place-items: center;
    font-size: 1rem;
    line-height: 1;
    text-decoration: none;
    background: var(--profile-accent);
    color: var(--profile-button-text, var(--linkit-text-inverse, #fff));
    box-shadow: none;
}

.profile-header-back-action:hover {
    box-shadow: none;
}

.profile-header-back-action > i {
    display: block;
    line-height: 1;
    font-weight: 700;
}

[dir="rtl"] .profile-header-back-action > i {
    transform: rotate(180deg);
}

.profile-header-action-row {
    display: flex;
    align-items: center;
    gap: 10px;
    direction: ltr;
}

.profile-header-actions-with-back {
    direction: ltr;
    align-items: flex-end;
}

.business-seo-identity {
    padding-bottom: 26px;
    color: var(--profile-text);
}

.business-seo-identity a {
    margin-top: 14px;
}

.business-seo-article {
    counter-reset: business-seo-section;
    margin: 0 24px 28px;
    padding: clamp(24px, 5vw, 48px);
    border-radius: 24px;
    background: var(--gl-surface-bg);
    color: var(--profile-text);
    box-shadow: var(--gl-surface-shadow-sm);
}

.business-seo-article h1,
.business-seo-article h2 {
    color: var(--profile-text);
    line-height: 1.35;
}

.business-seo-article h1 {
    margin: 0 0 20px;
    font-size: clamp(1.5rem, 3.8vw, 2rem);
}

.business-seo-article h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 34px 0 14px;
    color: var(--profile-text);
    font-size: clamp(1.08rem, 2.8vw, 1.3rem);
    font-weight: 800;
    letter-spacing: -.015em;
}

.business-seo-article section {
    counter-increment: business-seo-section;
}

.business-seo-article h2::before {
    content: counter(business-seo-section, decimal-leading-zero);
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: var(--profile-accent);
    color: var(--profile-button-text, var(--linkit-text-inverse, #fff));
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--profile-accent) 22%, transparent);
}

.business-seo-article h2::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    margin-inline-start: 4px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--profile-accent) 42%, transparent), transparent);
}

[dir="rtl"] .business-seo-article h2::after {
    background: linear-gradient(270deg, color-mix(in srgb, var(--profile-accent) 42%, transparent), transparent);
}

.business-seo-article p {
    margin: 0 0 16px;
    color: var(--profile-muted);
    font-size: 1rem;
    line-height: 1.9;
    white-space: normal;
}

.business-seo-location-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 8px;padding:16px;border:1px solid var(--profile-border);border-radius:20px;background:color-mix(in srgb,var(--profile-accent) 6%,var(--gl-surface-bg));color:var(--profile-text)}
.business-seo-location-summary>div,.business-seo-location-summary>a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:15px;background:color-mix(in srgb,var(--gl-surface-bg) 88%,transparent);color:var(--profile-text);text-decoration:none}
.business-seo-location-summary i{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--profile-accent) 14%,transparent);color:var(--profile-accent);font-size:1.05rem}
.business-seo-location-summary span{display:grid;gap:3px;min-width:0;color:var(--profile-muted);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
.business-seo-location-summary strong{color:var(--profile-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.business-seo-location-summary>a:hover{color:var(--profile-accent)}

/* Public profile follow relationship UI. */
.profile-follow-summary{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 12px;direction:inherit}
.profile-follow-count{display:grid;gap:2px;min-width:72px;padding:4px;border:0;background:transparent;color:var(--profile-muted);cursor:pointer;text-align:center}
.profile-follow-count strong{color:var(--profile-text);font-size:1rem}.profile-follow-count span{font-size:.78rem}
.profile-follow-count:focus-visible{outline:2px solid var(--profile-accent);outline-offset:3px;border-radius:8px}
.profile-follow-button{flex:0 0 auto;min-width:92px;margin:0;white-space:nowrap}
.profile-follow-button.gl-btn,
.join-linkit-btn.gl-btn,
.profile-add-contact.gl-btn{border-radius:13px}
@media(max-width:360px){.profile-follow-summary{flex-wrap:wrap;gap:10px 12px}.profile-follow-button{flex-basis:100%;width:max-content;max-width:160px;margin-inline:auto}}
.profile-follow-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--profile-text) 58%,transparent)}
.profile-follow-modal[hidden]{display:none}.profile-follow-panel{width:min(440px,100%);max-height:min(640px,calc(100dvh - 40px));overflow:auto;padding:22px;border:1px solid var(--profile-border);border-radius:22px;background:var(--profile-card);box-shadow:var(--shadow);color:var(--profile-text)}
.profile-follow-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.profile-follow-modal-header h2{margin:0;font-size:1.2rem}
.profile-follow-close{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--profile-muted) 12%,transparent);color:var(--profile-text);font-size:1.6rem;cursor:pointer}
.profile-follow-tabs{display:flex;gap:8px;margin-bottom:14px}.profile-follow-list{display:grid;gap:8px}
.profile-follow-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--profile-border);border-radius:14px;color:var(--profile-text);text-decoration:none}.profile-follow-row:hover{border-color:var(--profile-accent)}
.profile-follow-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;background:var(--profile-bg)}
.profile-follow-name{min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-follow-empty{margin:22px 0;color:var(--profile-muted);text-align:center}.profile-follow-load{margin:16px auto 0}
body.profile-follow-modal-open{overflow:hidden}

@media (max-width: 600px) {
    .business-seo-page {
        padding: 0;
    }

    .business-seo-article {
        margin-inline: 12px;
        padding: 24px 20px;
        border-radius: 18px;
    }

    .business-seo-location-summary{grid-template-columns:1fr;padding:12px}
}