/*
 * AllNaijaMarket Immersive Media Feed
 *
 * Public Shop/Market media uses a TikTok-style vertical viewing model:
 * one media item occupies the viewing area and the next item is reached by
 * normal vertical scrolling. object-fit: contain guarantees that the complete
 * photo/video remains visible; the surrounding black stage fills unused space.
 */

.anm-media-page {
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    background:#000;
    color:#fff;
}
.anm-media-hero {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    max-width:1180px;
    margin:0 auto;
    padding:12px 14px;
    background:#050505;
}
.anm-media-hero small { color:#6ee7b7; font-weight:900; letter-spacing:.08em; }
.anm-media-hero h1 { margin:2px 0; font-size:clamp(19px,4vw,30px); }
.anm-media-hero p { margin:0; opacity:.72; font-size:12px; }
.anm-media-back {
    flex:0 0 auto;
    display:inline-flex;
    padding:8px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}
html:has(.anm-media-feed) {
    scroll-snap-type:y mandatory;
    background:#000;
}
.anm-media-feed {
    width:100%;
    background:#000;
    scroll-snap-type:y mandatory;
}
.anm-media-slide {
    position:relative;
    width:100%;
    height:100dvh;
    min-height:520px;
    overflow:hidden;
    background:#000;
    scroll-snap-align:start;
    scroll-snap-stop:always;
}
.anm-media-slide__stage {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    overflow:hidden;
}
.anm-media-slide__media {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    background:#000;
}
img.anm-media-slide__media {
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
}
video.anm-media-slide__media { touch-action:manipulation; }
.anm-media-slide__info {
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    padding:70px 18px max(22px,env(safe-area-inset-bottom));
    pointer-events:none;
    background:linear-gradient(transparent,rgba(0,0,0,.78));
    text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.anm-media-slide__info strong {
    display:block;
    color:#6ee7b7;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.anm-media-slide__info p {
    max-width:720px;
    margin:6px 0 0;
    font-size:14px;
    line-height:1.45;
}
.anm-media-empty {
    min-height:55vh;
    display:grid;
    place-items:center;
    padding:30px;
    text-align:center;
    color:rgba(255,255,255,.72);
}

/* Market View: a single centered entry point directly below hero actions. */
.anm-market-media-entry {
    display:flex;
    justify-content:center;
    padding:10px 12px 2px;
}
.anm-market-media-entry__link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:9px 18px;
    border-radius:999px;
    background:#065f46;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(6,95,70,.18);
}
.anm-market-media-entry__link:hover { background:#047857; }
.anm-market-media-entry__link:focus-visible,.anm-media-back:focus-visible {
    outline:3px solid #6ee7b7;
    outline-offset:3px;
}

/* Existing compact market preview is intentionally suppressed after upgrade. */
.anm-market-gallery-preview { display:none!important; }

@media(max-width:520px) {
    .anm-media-hero { padding:9px 10px; }
    .anm-media-hero p { display:none; }
    .anm-media-back { padding:7px 9px; font-size:11px; }
    .anm-media-slide { min-height:460px; }
    .anm-media-slide__info { padding-left:13px; padding-right:13px; }
}

/* =========================================================
   IMMERSIVE ACTION RAIL + GALLERY-ONLY NAVIGATION
========================================================= */
html:has(.anm-media-page) #scrollTop,
html:has(.anm-media-page) .floating-back-btn {
    display:none!important;
}

.anm-media-fixed-back {
    position:fixed;
    z-index:10020;
    top:var(--anm-media-back-top,6px);
    left:max(8px,env(safe-area-inset-left));
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:rgba(0,0,0,.62);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:900;
    line-height:1;
    box-shadow:0 4px 16px rgba(0,0,0,.25);
}
.anm-media-fixed-back:focus-visible {
    outline:3px solid #6ee7b7;
    outline-offset:2px;
}

.anm-media-actions {
    position:absolute;
    z-index:5;
    right:max(10px,env(safe-area-inset-right));
    bottom:max(112px,calc(env(safe-area-inset-bottom) + 96px));
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:13px;
    width:58px;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,.95);
}
.anm-media-actions__avatar {
    position:relative;
    display:block;
    width:46px;
    height:46px;
    border-radius:50%;
    border:2px solid #fff;
    background:#111;
    text-decoration:none;
    box-shadow:0 3px 14px rgba(0,0,0,.5);
}
.anm-media-actions__avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.anm-media-actions__avatar-state {
    position:absolute;
    left:50%;
    bottom:-8px;
    transform:translateX(-50%);
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#16a34a;
    color:#fff;
    border:2px solid #000;
    font-size:16px;
    font-weight:1000;
    line-height:1;
}
.anm-media-actions__avatar-state.is-following { background:#065f46; font-size:12px; }
.anm-media-action {
    appearance:none;
    border:0;
    padding:0;
    width:58px;
    background:transparent;
    color:#fff;
    cursor:pointer;
    text-align:center;
    font:inherit;
    text-shadow:0 1px 4px rgba(0,0,0,.95);
}
.anm-media-action:disabled { opacity:.55; cursor:wait; }
.anm-media-action__icon {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    margin:0 auto;
    border-radius:50%;
    background:rgba(0,0,0,.36);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    font-size:27px;
    font-weight:900;
    line-height:1;
    box-shadow:0 2px 12px rgba(0,0,0,.28);
}
.anm-media-action.is-active .anm-media-action__icon { color:#ff3b5c; }
.anm-media-action__count,
.anm-media-action__label {
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    font-weight:900;
}
.anm-media-action__count { font-size:11px; }

.anm-media-slide__info {
    padding-right:86px;
    pointer-events:none;
}
.anm-media-slide__info a,
.anm-media-slide__info button,
.anm-media-caption { pointer-events:auto; }
.anm-media-slide__shop {
    display:inline-block;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:950;
}
.anm-media-slide__item-title {
    max-width:720px;
    margin-top:5px;
    color:#fff;
    font-size:16px;
    font-weight:950;
}
.anm-media-slide__cta {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:31px;
    margin-top:9px;
    padding:6px 11px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:999px;
    background:rgba(0,0,0,.42);
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:900;
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
}
.anm-media-toast {
    position:fixed;
    z-index:10050;
    left:50%;
    bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));
    transform:translate(-50%,18px);
    max-width:min(88vw,420px);
    padding:9px 13px;
    border-radius:999px;
    background:rgba(17,24,39,.94);
    color:#fff;
    font-size:12px;
    font-weight:800;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease;
}
.anm-media-toast.is-visible { opacity:1; transform:translate(-50%,0); }

@media(max-width:520px) {
    .anm-media-actions {
        right:max(6px,env(safe-area-inset-right));
        bottom:max(104px,calc(env(safe-area-inset-bottom) + 88px));
        gap:10px;
        width:52px;
    }
    .anm-media-actions__avatar { width:42px; height:42px; }
    .anm-media-action { width:52px; }
    .anm-media-action__icon { width:40px; height:40px; font-size:24px; }
    .anm-media-action__label { font-size:9px; }
    .anm-media-slide__info { padding-right:70px; }
    .anm-media-fixed-back { left:max(6px,env(safe-area-inset-left)); }
}

/* =========================================================
   IMMERSIVE CAPTION — TWO LINES + READ MORE / LESS
   ========================================================= */
.anm-media-caption {
    position:relative;
    max-width:min(78vw, 680px);
    margin-top:5px;
    color:#fff;
    font-size:14px;
    line-height:1.38;
    text-shadow:0 1px 3px rgba(0,0,0,.72);
}
.anm-media-caption__text { overflow-wrap:anywhere; }
.anm-media-caption:not(.is-expanded) .anm-media-caption__text {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    padding-right:78px;
}
.anm-media-caption__toggle {
    border:0;
    padding:0;
    margin:0;
    background:transparent;
    color:#fff;
    font:inherit;
    font-weight:800;
    cursor:pointer;
    text-shadow:0 1px 3px rgba(0,0,0,.85);
}
.anm-media-caption:not(.is-expanded) .anm-media-caption__toggle:not([hidden]) {
    position:absolute;
    right:0;
    bottom:0;
    display:inline;
    padding-left:7px;
    background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.72) 25%);
}
.anm-media-caption.is-expanded .anm-media-caption__text { display:inline; padding-right:0; }
.anm-media-caption.is-expanded .anm-media-caption__toggle:not([hidden]) { display:inline; margin-left:5px; }
.anm-media-caption__toggle:focus-visible { outline:2px solid #fff; outline-offset:3px; border-radius:3px; }

/* First-slide discovery cue. */
.anm-media-scroll-hint {
    position:absolute;
    left:50%;
    bottom:18px;
    z-index:8;
    display:flex;
    align-items:center;
    gap:7px;
    transform:translateX(-50%);
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(8,10,14,.42);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    color:#fff;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
    pointer-events:none;
    transition:opacity .3s ease, transform .3s ease;
}
.anm-media-scroll-hint__arrow { font-size:16px; animation:anmMediaHintUp 1.25s ease-in-out infinite; }
.anm-media-scroll-hint.is-hidden { opacity:0; transform:translate(-50%,8px); }
@keyframes anmMediaHintUp { 0%,100%{transform:translateY(2px)} 50%{transform:translateY(-4px)} }
@media (prefers-reduced-motion:reduce) { .anm-media-scroll-hint__arrow{animation:none}.anm-media-scroll-hint{transition:none} }


/* Media conversation page — responsive light/dark conversation surface */
.anm-media-comment-page{
    --anm-conv-bg:#f4f6f8;
    --anm-conv-surface:#ffffff;
    --anm-conv-surface-soft:#f6f7f9;
    --anm-conv-text:#111827;
    --anm-conv-muted:#667085;
    --anm-conv-border:rgba(17,24,39,.10);
    --anm-conv-accent:#0f766e;
    --anm-conv-accent-text:#ffffff;
    width:min(100%,820px);
    margin:0 auto;
    padding:clamp(10px,2.5vw,20px) clamp(10px,3vw,18px) max(72px,env(safe-area-inset-bottom));
    color:var(--anm-conv-text);
    box-sizing:border-box;
    isolation:isolate;
}
.anm-media-comment-page::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--anm-conv-bg);pointer-events:none}
.anm-media-comment-back{
    position:sticky;top:max(8px,env(safe-area-inset-top));z-index:20;
    display:inline-flex;align-items:center;gap:6px;
    min-height:38px;padding:7px 12px;border:1px solid rgba(255,255,255,.14);
    border-radius:999px;background:rgba(10,15,28,.80);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;
    box-shadow:0 6px 20px rgba(0,0,0,.16)
}
.anm-media-comment-card{margin-top:12px;border:1px solid var(--anm-conv-border);border-radius:22px;overflow:hidden;background:#090d15;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.16)}
.anm-media-comment-preview{background:#000;display:grid;place-items:center;max-height:min(62vh,620px);overflow:hidden}
.anm-media-comment-preview img,.anm-media-comment-preview video{display:block;width:100%;max-height:min(62vh,620px);object-fit:contain}
.anm-media-comment-meta{padding:16px clamp(14px,3vw,20px)}
.anm-media-comment-meta>strong{display:block;font-size:clamp(16px,3vw,20px);line-height:1.3}
.anm-media-comment-meta p{margin:8px 0 0;line-height:1.55;color:rgba(255,255,255,.86);overflow-wrap:anywhere}
.anm-media-comment-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.anm-media-comment-links a,.anm-media-comment-login{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid var(--anm-conv-border);border-radius:999px;background:var(--anm-conv-surface);color:var(--anm-conv-text)!important;text-decoration:none!important;font-size:13px;font-weight:800;box-sizing:border-box}
.anm-media-comments{margin-top:16px;background:var(--anm-conv-surface);color:var(--anm-conv-text);border:1px solid var(--anm-conv-border);border-radius:22px;padding:clamp(14px,3vw,20px);box-shadow:0 10px 30px rgba(15,23,42,.08)}
.anm-media-comments h2,.anm-media-comments h2::before,.anm-media-comments h2::after{border:0!important;text-decoration:none!important;box-shadow:none!important}
.anm-media-comments h2{display:flex;align-items:center;gap:8px;margin:0 0 16px!important;padding:0 0 12px!important;background:none!important;color:var(--anm-conv-text)!important;font-size:clamp(18px,3vw,21px);line-height:1.25;border-bottom:0!important}
.anm-media-comments h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--anm-conv-surface-soft);color:var(--anm-conv-muted);font-size:12px;font-weight:800;box-sizing:border-box}
.anm-media-comment-list{display:grid;gap:10px}
.anm-media-comment-list article{min-width:0;padding:11px 13px;border:1px solid var(--anm-conv-border);border-radius:15px;background:var(--anm-conv-surface-soft);color:var(--anm-conv-text)}
.anm-media-comment-list article strong{display:block;font-size:13px;line-height:1.3;color:var(--anm-conv-text);overflow-wrap:anywhere}
.anm-media-comment-list article p{margin:5px 0 7px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--anm-conv-text)}
.anm-media-comment-list time{display:block;font-size:11px;color:var(--anm-conv-muted)}
.anm-media-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--anm-conv-border)}
.anm-media-comment-form textarea{width:100%;min-height:48px;max-height:180px;box-sizing:border-box;resize:vertical;border:1px solid var(--anm-conv-border);outline:0;border-radius:16px;padding:12px 13px;background:var(--anm-conv-surface-soft);color:var(--anm-conv-text);font:inherit;line-height:1.45}
.anm-media-comment-form textarea::placeholder{color:var(--anm-conv-muted)}
.anm-media-comment-form textarea:focus{border-color:var(--anm-conv-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--anm-conv-accent) 18%,transparent)}
.anm-media-comment-form button{min-height:44px;border:0;border-radius:999px;padding:10px 17px;background:var(--anm-conv-accent);color:var(--anm-conv-accent-text);font:inherit;font-size:13px;font-weight:850;cursor:pointer;white-space:nowrap}
.anm-media-comment-form button:focus-visible,.anm-media-comment-links a:focus-visible,.anm-media-comment-login:focus-visible,.anm-media-comment-back:focus-visible{outline:3px solid color-mix(in srgb,var(--anm-conv-accent) 45%,transparent);outline-offset:2px}
.anm-media-comment-error{padding:10px 12px;border:1px solid rgba(185,28,28,.18);border-radius:13px;background:#fff1f2;color:#991b1b;margin-bottom:12px}
.anm-media-comments-empty{margin:8px 0;color:var(--anm-conv-muted)}
.anm-media-comment-login{margin-top:15px;background:var(--anm-conv-accent);color:var(--anm-conv-accent-text)!important;border-color:transparent}
.anm-media-action__count{font-size:11px;font-weight:800;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.75)}
@media (prefers-color-scheme:dark){
 .anm-media-comment-page{--anm-conv-bg:#090d14;--anm-conv-surface:#111722;--anm-conv-surface-soft:#171e2a;--anm-conv-text:#f5f7fa;--anm-conv-muted:#9ba7b8;--anm-conv-border:rgba(255,255,255,.10);--anm-conv-accent:#2dd4bf;--anm-conv-accent-text:#05201c}
 .anm-media-comment-error{background:rgba(127,29,29,.28);border-color:rgba(248,113,113,.24);color:#fecaca}
}
@media (max-width:560px){
 .anm-media-comment-page{width:100%;padding:8px 8px max(64px,env(safe-area-inset-bottom))}
 .anm-media-comment-card,.anm-media-comments{border-radius:17px}
 .anm-media-comment-preview,.anm-media-comment-preview img,.anm-media-comment-preview video{max-height:52vh}
 .anm-media-comment-meta{padding:13px}
 .anm-media-comments{margin-top:10px;padding:13px}
 .anm-media-comment-form{grid-template-columns:1fr;gap:8px}
 .anm-media-comment-form button{justify-self:end;min-width:96px}
 .anm-media-comment-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .anm-media-comment-links a{width:100%;text-align:center}
}
@media (max-width:360px){.anm-media-comment-links{grid-template-columns:1fr}.anm-media-comment-form button{width:100%}}

/* --------------------------------------------------------------------------
   v11 — compact view counter + high-quality image inspection on comments page
   -------------------------------------------------------------------------- */
.anm-media-action--stat{cursor:default;user-select:none}
.anm-media-action--stat .anm-media-action__icon{font-size:22px}

.anm-media-comment-zoom-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:#000;color:#fff;cursor:zoom-in}
.anm-media-comment-zoom-trigger img{display:block;width:100%;max-height:min(62vh,620px);object-fit:contain}
.anm-media-comment-zoom-trigger>span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(7,10,18,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 5px 18px rgba(0,0,0,.2)}
html.anm-image-zoom-open,html.anm-image-zoom-open body{overflow:hidden!important}
.anm-image-zoom[hidden]{display:none!important}
.anm-image-zoom{position:fixed;inset:0;z-index:2147482500;display:grid;grid-template-rows:auto 1fr auto;background:rgba(2,4,9,.97);color:#fff;overscroll-behavior:contain}
.anm-image-zoom__topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 14px 10px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}
.anm-image-zoom__hint{font-size:12px;font-weight:650;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anm-image-zoom__topbar button{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.anm-image-zoom__viewport{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:zoom-in}
.anm-image-zoom__viewport.is-zoomed{cursor:grab}
.anm-image-zoom__viewport.is-zoomed:active{cursor:grabbing}
.anm-image-zoom__viewport img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none;transition:transform .12s ease-out}
.anm-image-zoom__viewport.is-zoomed img{transition:none}
.anm-image-zoom__controls{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 12px max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}
.anm-image-zoom__controls button{min-width:48px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:22px;font-weight:800;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.anm-image-zoom__controls [data-zoom-reset]{min-width:76px;font-size:12px}
@media (max-width:520px){.anm-image-zoom__hint{max-width:calc(100vw - 76px)}.anm-media-comment-zoom-trigger>span{right:9px;bottom:9px}}
@media (prefers-reduced-motion:reduce){.anm-image-zoom__viewport img{transition:none}}


/* --------------------------------------------------------------------------
   v13 — immersive clean-view restoration + compact professional action rail
   -------------------------------------------------------------------------- */
/* Tapping the media stage toggles this class in media-gallery.js. Keep the
   media itself visible while all interface chrome cleanly fades away. */
.anm-media-feed.is-ui-hidden .anm-media-actions,
.anm-media-feed.is-ui-hidden .anm-media-slide__info,
.anm-media-feed.is-ui-hidden .anm-media-scroll-hint{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
.anm-media-feed .anm-media-actions,
.anm-media-feed .anm-media-slide__info,
.anm-media-feed .anm-media-scroll-hint{
    transition:opacity .18s ease,visibility .18s ease;
}
body:has(.anm-media-feed.is-ui-hidden) .anm-media-fixed-back{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
.anm-media-fixed-back{transition:opacity .18s ease,visibility .18s ease;}

/* Roughly 70% of the former reaction-icon footprint. The tap target remains
   comfortably usable while the visual rail becomes lighter and less intrusive. */
.anm-media-actions{
    width:46px;
    gap:10px;
}
.anm-media-action{width:46px;}
.anm-media-action__icon{
    width:31px;
    height:31px;
    font-size:19px;
    box-shadow:0 2px 9px rgba(0,0,0,.24);
}
.anm-media-action--stat .anm-media-action__icon{font-size:16px;}
.anm-media-action__count{
    margin-top:3px;
    font-size:10px;
    line-height:1.05;
}
/* Keep the shop/market identity recognizable without dominating the rail. */
.anm-media-actions__avatar{width:38px;height:38px;}
.anm-media-actions__avatar-state{
    width:17px;
    height:17px;
    bottom:-6px;
    font-size:13px;
    border-width:1.5px;
}
.anm-media-actions__avatar-state.is-following{font-size:10px;}

@media(max-width:520px){
    .anm-media-actions{
        width:42px;
        gap:8px;
        right:max(5px,env(safe-area-inset-right));
    }
    .anm-media-action{width:42px;}
    .anm-media-action__icon{width:29px;height:29px;font-size:18px;}
    .anm-media-action--stat .anm-media-action__icon{font-size:15px;}
    .anm-media-actions__avatar{width:36px;height:36px;}
    .anm-media-slide__info{padding-right:58px;}
}