/* Smooth forum wheel: a readable centre card with curved, receding neighbours. */
.bom-svelta-shop-body .svelta-forum-barrel {
    --barrel-panel-height: clamp(132px, 13vw, 156px);
    isolation: isolate;
    min-height: clamp(246px, 23vw, 286px);
    perspective: 1200px;
    perspective-origin: 50% 50%;
    background:
        radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.98) 0%, rgba(241,238,252,.94) 47%, rgba(213,207,239,.92) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 18px 32px rgba(78,60,127,.08),
        inset 0 -18px 32px rgba(78,60,127,.10),
        0 18px 44px rgba(78,60,127,.15) !important;
}

.bom-svelta-shop-body .svelta-forum-barrel::before {
    z-index: 5;
    background:
        linear-gradient(180deg,
            rgba(225,220,245,.92) 0%,
            rgba(247,245,254,.34) 18%,
            transparent 36%,
            transparent 64%,
            rgba(247,245,254,.34) 82%,
            rgba(215,209,241,.94) 100%),
        linear-gradient(90deg, rgba(78,60,127,.12), transparent 12%, transparent 88%, rgba(78,60,127,.12)) !important;
}

.bom-svelta-shop-body .svelta-forum-barrel::after {
    z-index: 6;
    inset: 50% 7% auto;
    height: 1px;
    opacity: .45;
    background: linear-gradient(90deg, transparent, rgba(90,75,161,.45), transparent) !important;
    box-shadow: 0 0 24px rgba(119,104,238,.22) !important;
}

.bom-svelta-shop-body .svelta-forum-barrel__scene {
    width: calc(100% - clamp(16px, 3vw, 34px));
    height: 100%;
    min-height: inherit;
    transform-style: preserve-3d;
}

.bom-svelta-shop-body .svelta-forum-barrel__rotator {
    inset: 0;
    transform: none !important;
    transition: none !important;
}

.bom-svelta-shop-body .svelta-forum-barrel__panel {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    height: var(--barrel-panel-height);
    padding: clamp(16px, 2vw, 24px) clamp(18px, 3.5vw, 44px);
    border-radius: 24px;
    opacity: var(--panel-opacity, 0);
    z-index: var(--panel-layer, 0);
    pointer-events: var(--panel-events, none);
    filter: blur(var(--panel-blur, 2px)) saturate(var(--panel-saturation, .78));
    transform:
        translate3d(0, calc(-50% + var(--panel-y, 0px)), var(--panel-z, -100px))
        rotateX(var(--panel-angle, 0deg))
        scale(var(--panel-scale, .76));
    transform-origin: 50% 50%;
    backface-visibility: hidden;
    transition:
        transform 880ms cubic-bezier(.22,.72,.18,1),
        opacity 620ms ease,
        filter 720ms ease,
        box-shadow 720ms ease;
    will-change: transform, opacity, filter;
}

.bom-svelta-shop-body .svelta-forum-barrel__panel.is-active {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(90,75,161,.10),
        0 0 0 1px rgba(119,104,238,.13),
        0 20px 42px rgba(78,60,127,.18) !important;
}

@media (max-width: 720px) {
    .bom-svelta-shop-body .svelta-forum-barrel {
        --barrel-panel-height: 142px;
        min-height: 264px;
        border-radius: 22px;
    }

    .bom-svelta-shop-body .svelta-forum-barrel__scene {
        width: calc(100% - 16px);
        min-height: 264px;
    }

    .bom-svelta-shop-body .svelta-forum-barrel__panel {
        grid-template-columns: 1fr;
        align-content: center;
        justify-items: center;
        gap: 12px;
        padding: 17px 14px;
        text-align: center;
        border-radius: 20px;
    }

    .bom-svelta-shop-body .svelta-forum-feed__title {
        display: -webkit-box;
        overflow: hidden;
        font-size: clamp(18px, 5.35vw, 23px);
        line-height: 1.12;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .bom-svelta-shop-body .svelta-forum-feed__meta {
        justify-content: center;
        gap: 7px;
    }

    .bom-svelta-shop-body .svelta-forum-feed__meta span {
        min-height: 26px;
        padding: 0 9px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bom-svelta-shop-body .svelta-forum-barrel__panel {
        transition-duration: 1ms !important;
    }
}