/* Webshop UI V2 (premium minimal + stronger motion)
   Scope: frontend only, enabled by body.ui-v2
*/

body.ui-v2 {
    --wx-font-head: "Sora", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --wx-font-body: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --wx-bg-0: #0f1116;
    --wx-bg-1: #151924;
    --wx-bg-2: #1b2230;
    --wx-surface: #ffffff;
    --wx-surface-soft: #f4f6fb;
    --wx-line: #d8deea;

    --wx-text: #131722;
    --wx-muted: #4d5970;
    --wx-inverse: #edf1fb;

    --wx-accent: #ff7a2f;
    --wx-accent-strong: #e45f17;
    --wx-accent-soft: #ffe7d8;

    --wx-ok: #0f8c58;
    --wx-warn: #d97706;
    --wx-bad: #c92f2f;

    --wx-r-sm: 12px;
    --wx-r-md: 16px;
    --wx-r-lg: 22px;

    --wx-shadow-1: 0 6px 20px rgba(15, 22, 38, .08);
    --wx-shadow-2: 0 16px 42px rgba(15, 22, 38, .14);

    --wx-ease: cubic-bezier(.22, .61, .36, 1);
    --wx-ease-emph: cubic-bezier(.16, 1, .3, 1);
    --wx-motion-scale: 1;
    --wx-motion-distance: 20px;
    --wx-motion-stagger: 24ms;
}

.ui-v2,
.ui-v2 body {
    font-family: var(--wx-font-body);
    font-size: 14px;
    line-height: 1.58;
    color: var(--wx-text);
}

.ui-v2[data-motion-profile="off"] {
    --wx-motion-scale: 0;
    --wx-motion-distance: 0px;
    --wx-motion-stagger: 0ms;
}

.ui-v2[data-motion-profile="subtle"] {
    --wx-motion-scale: .72;
    --wx-motion-distance: 12px;
    --wx-motion-stagger: 14ms;
}

.ui-v2[data-motion-profile="strong"] {
    --wx-motion-scale: 1;
    --wx-motion-distance: 22px;
    --wx-motion-stagger: 28ms;
}

.ui-v2 h1,
.ui-v2 h2,
.ui-v2 h3,
.ui-v2 h4,
.ui-v2 .home-h2,
.ui-v2 .cart-title,
.ui-v2 .co-title,
.ui-v2 .product-title-main,
.ui-v2 .category-page .section-header h1,
.ui-v2 .category-page .section-header h2 {
    font-family: var(--wx-font-head);
    letter-spacing: -.02em;
}

.ui-v2 .wx-btn,
.ui-v2 .btn {
    border-radius: 999px;
    min-height: 44px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(15, 22, 38, .18);
    transition: transform calc(150ms + (70ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph), background-color calc(170ms + (70ms * var(--wx-motion-scale, 1))) var(--wx-ease), border-color calc(170ms + (70ms * var(--wx-motion-scale, 1))) var(--wx-ease), box-shadow calc(170ms + (70ms * var(--wx-motion-scale, 1))) var(--wx-ease);
}

.ui-v2 .btn:hover,
.ui-v2 .wx-btn:hover {
    transform: translateY(-1px);
}

.ui-v2 .btn:active,
.ui-v2 .wx-btn:active {
    transform: translateY(1px) scale(.985);
}

.ui-v2 .btn-primary,
.ui-v2 .wx-btn-primary {
    background: linear-gradient(135deg, var(--wx-accent), var(--wx-accent-strong));
    border-color: rgba(228, 95, 23, .62);
    color: #fff7f2;
    box-shadow: 0 14px 32px rgba(228, 95, 23, .34);
    font-weight: 700;
}

.ui-v2 .wx-card,
.ui-v2 .category-product,
.ui-v2 .cart-table,
.ui-v2 .cart-panel,
.ui-v2 .co-section,
.ui-v2 .product-media-card,
.ui-v2 .product-purchase-card,
.ui-v2 .product-description-card,
.ui-v2 .product-params-card {
    border-radius: var(--wx-r-md);
    border: 1px solid rgba(15, 22, 38, .08);
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 1px 2px rgba(15, 22, 38, .03);
}

.ui-v2 .wx-input,
.ui-v2 input[type="text"],
.ui-v2 input[type="email"],
.ui-v2 input[type="tel"],
.ui-v2 input[type="number"],
.ui-v2 input[type="search"],
.ui-v2 select,
.ui-v2 textarea {
    border-radius: 12px;
    border-color: rgba(15, 22, 38, .2);
    font-size: 14px;
}

.ui-v2 input:focus,
.ui-v2 select:focus,
.ui-v2 textarea:focus,
.ui-v2 input:focus-visible,
.ui-v2 select:focus-visible,
.ui-v2 textarea:focus-visible {
    border-color: rgba(255, 122, 47, .62);
    box-shadow: 0 0 0 3px rgba(255, 122, 47, .16);
}

.ui-v2 .wx-chip,
.ui-v2 .category-pill,
.ui-v2 .cat-chip,
.ui-v2 .home-chip,
.ui-v2 .nk-category-chip {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .wx-badge,
.ui-v2 .cf-badge,
.ui-v2 .nk-main-cart-count,
.ui-v2 .nk-main-fav-count,
.ui-v2 .nk-main-account-count {
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
}

/* Header + navigation */
.ui-v2 .nk-header {
    border-bottom: 1px solid rgba(255, 122, 47, .26);
    background: linear-gradient(148deg, rgba(10, 12, 18, .96), rgba(18, 22, 33, .94));
    box-shadow: 0 10px 22px rgba(8, 10, 15, .32);
}

.ui-v2 .nk-header-top {
    background: linear-gradient(90deg, rgba(255, 122, 47, .26), rgba(15, 23, 42, .30));
    border-bottom: 1px solid rgba(255, 122, 47, .26);
    font-size: 12px;
}

.ui-v2 .nk-header-top-inner {
    padding: 3px 10px;
    justify-content: center;
    gap: 0;
}

.ui-v2 .nk-header-top-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ui-v2 .nk-header-top-right {
    display: none !important;
}

.ui-v2 .nk-header-top,
.ui-v2 .nk-header-top a {
    color: var(--wx-inverse) !important;
}

.ui-v2 .nk-header-main {
    padding: 2px 0 1px;
}

.ui-v2 .nk-header-main-inner {
    padding: 4px 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    gap: 8px;
    z-index: 1112;
    overflow: visible;
}

.ui-v2 .nk-header-main,
.ui-v2 .nk-header-main a,
.ui-v2 .nk-header-main button {
    color: #0f172a !important;
}

.ui-v2 .nk-top-msg-secondary {
    display: none !important;
}

.ui-v2 .nk-top-msg-main,
.ui-v2 .nk-top-link {
    font-weight: 500 !important;
}

.ui-v2 .nk-top-msg-main {
    font-weight: 600 !important;
    letter-spacing: .005em;
}

.ui-v2 .nk-logo-img {
    height: 44px;
}

.ui-v2 .nk-main-actions {
    gap: 5px;
    margin-left: auto;
    position: relative;
    z-index: 1210;
}

.ui-v2 .nk-header-search {
    gap: 0;
}

.ui-v2 .nk-search-open,
.ui-v2 .nk-main-favorites,
.ui-v2 .nk-main-account,
.ui-v2 .nk-main-cart,
.ui-v2 .nk-icon-button,
.ui-v2 .nk-menu-toggle {
    min-height: 38px;
    border-radius: 12px;
    border-color: rgba(15, 23, 42, .16) !important;
    background: rgba(255, 255, 255, .94) !important;
    backdrop-filter: blur(6px);
}

.ui-v2 .nk-search-open {
    min-height: 34px;
    border-radius: 10px;
    padding: 0 12px;
    border-color: rgba(148, 163, 184, .24) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: none !important;
}

.ui-v2 .nk-search-open-btn {
    display: none !important;
}

.ui-v2 .nk-main-cart--primary {
    border-color: rgba(255, 122, 47, .56) !important;
    background: linear-gradient(135deg, rgba(255, 239, 229, .98), rgba(255, 224, 201, .98)) !important;
}

.ui-v2 .nk-main-cart-label,
.ui-v2 .nk-login-chip,
.ui-v2 .nk-category-chip {
    font-weight: 500 !important;
}

.ui-v2 .nk-search-open-placeholder {
    font-size: 12px;
    font-weight: 500;
    color: rgba(30, 41, 59, .74) !important;
}

.ui-v2 .nk-login-chip,
.ui-v2 .nk-main-cart,
.ui-v2 .nk-main-favorites,
.ui-v2 .nk-main-account,
.ui-v2 .nk-icon-button,
.ui-v2 .nk-menu-toggle {
    color: #0f172a !important;
    font-size: 12px;
}

.ui-v2 .nk-main-account,
.ui-v2 .nk-main-favorites,
.ui-v2 .nk-icon-button,
.ui-v2 .nk-menu-toggle {
    width: 38px;
    height: 38px;
    padding: 0;
}

.ui-v2 .nk-main-cart-count,
.ui-v2 .nk-main-fav-count {
    font-size: 10px;
    font-weight: 700;
}

.ui-v2 .nk-login-chip {
    min-height: 38px;
    padding-inline: 10px;
    font-weight: 600 !important;
}

.ui-v2 .nk-main-cart-label {
    font-size: 12px;
    font-weight: 600 !important;
}

.ui-v2 .nk-menu-toggle {
    border-color: rgba(15, 23, 42, .28) !important;
    background: rgba(255, 255, 255, .98) !important;
    font-size: 0;
    line-height: 0;
}

.ui-v2 .nk-icon svg,
.ui-v2 .nk-search-toggle svg,
.ui-v2 .nk-menu-toggle svg {
    width: 18px;
    height: 18px;
    display: block;
}

.ui-v2 .nk-search-toggle span,
.ui-v2 .nk-menu-toggle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ui-v2 .nk-category-nav {
    background: linear-gradient(180deg, rgba(10, 14, 23, .90), rgba(10, 14, 23, .82));
    border-top: 1px solid rgba(255, 122, 47, .24);
}

.ui-v2 .nk-sidebar-mascot {
    display: none !important;
}

.ui-v2 .nk-category-nav-shell {
    padding-top: 4px;
    padding-bottom: 4px;
}

.ui-v2 .nk-category-quick {
    gap: 14px;
    padding: 0;
}

.ui-v2 .nk-category-chip {
    min-height: 22px;
    padding: 3px 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(237, 241, 251, .84) !important;
    font-size: 13px;
    font-weight: 500 !important;
    letter-spacing: .005em;
    position: relative;
}

.ui-v2 .nk-category-chip::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 122, 47, .9);
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform 160ms var(--wx-ease), opacity 160ms var(--wx-ease);
}

.ui-v2 .nk-category-chip:hover {
    color: #fff4ec !important;
}

.ui-v2 .nk-category-chip:hover::after {
    transform: scaleX(1);
    opacity: .6;
}

.ui-v2 .nk-category-chip.is-active,
.ui-v2 .nk-category-chip[aria-current="true"] {
    color: #fff6f0 !important;
}

.ui-v2 .nk-category-chip.is-active::after,
.ui-v2 .nk-category-chip[aria-current="true"]::after {
    transform: scaleX(1);
    opacity: 1;
}

.ui-v2 .nk-header.is-compact .nk-header-main-inner {
    padding-top: 2px;
    padding-bottom: 2px;
}

@media (max-width: 1024px) {
    .ui-v2 .nk-header-top-inner {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .ui-v2 .nk-header-main-inner {
        padding: 3px 6px;
        gap: 6px;
    }

    .ui-v2 .nk-logo-img {
        height: 40px;
    }

    .ui-v2 .nk-main-actions {
        gap: 5px;
    }

    .ui-v2 .nk-search-open {
        min-height: 32px;
    }

    .ui-v2 .nk-main-cart,
    .ui-v2 .nk-main-favorites,
    .ui-v2 .nk-main-account,
    .ui-v2 .nk-icon-button,
    .ui-v2 .nk-menu-toggle,
    .ui-v2 .nk-login-chip {
        min-height: 36px;
    }

    .ui-v2 .nk-main-account,
    .ui-v2 .nk-main-favorites,
    .ui-v2 .nk-icon-button,
    .ui-v2 .nk-menu-toggle {
        width: 36px;
        height: 36px;
    }

    .ui-v2 .nk-category-quick {
        gap: 12px;
    }

    .ui-v2 .nk-category-chip {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    body.ui-v2.tenant--napikosar.page-category .nk-header {
        background: linear-gradient(180deg, #f6f9ff 0%, #edf3fb 100%) !important;
        border-bottom-color: rgba(148, 163, 184, .26) !important;
        box-shadow: 0 8px 16px rgba(15, 23, 42, .10) !important;
    }

    body.ui-v2.tenant--napikosar.page-category .nk-header-top {
        background: #ecf2fb !important;
        color: #0f172a !important;
    }

    body.ui-v2.tenant--napikosar.page-category .nk-header-top * {
        color: inherit !important;
    }

    body.ui-v2.tenant--napikosar.page-category .nk-category-nav {
        background: #f7f9fd !important;
    }

    body.ui-v2.page-category .nk-header-main,
    body.ui-v2.page-category .nk-category-nav-shell {
        background: transparent !important;
    }

    body.ui-v2.tenant--napikosar.page-category .nk-header-main-inner {
        background: rgba(255, 255, 255, .94) !important;
        border-color: rgba(148, 163, 184, .24) !important;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .10) !important;
    }

    .ui-v2 .nk-header-main {
        padding: 1px 0;
    }

    .ui-v2 .nk-header-main-inner {
        padding: 2px 6px;
        gap: 5px;
    }

    .ui-v2 .nk-logo-img {
        height: 34px;
    }

    .ui-v2 .nk-main-cart,
    .ui-v2 .nk-main-favorites,
    .ui-v2 .nk-main-account,
    .ui-v2 .nk-icon-button,
    .ui-v2 .nk-menu-toggle,
    .ui-v2 .nk-login-chip,
    .ui-v2 .nk-search-open {
        min-height: 34px;
    }

    .ui-v2 .nk-main-account,
    .ui-v2 .nk-main-favorites,
    .ui-v2 .nk-icon-button,
    .ui-v2 .nk-menu-toggle {
        width: 34px;
        height: 34px;
    }

    .ui-v2 .nk-menu-toggle {
        font-size: 0;
    }

    .ui-v2 .nk-category-nav-shell {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .ui-v2 .nk-category-quick {
        gap: 10px;
    }

    .ui-v2 .nk-category-chip {
        font-size: 12px;
        padding: 2px 0;
    }

    body.ui-v2.page-category .site-content-wrap {
        padding-top: 10px;
    }

    .ui-v2.page-category .category-page {
        padding: 12px 12px 22px;
    }

    .ui-v2.page-category .category-products-grid {
        gap: 11px 10px;
    }

    body.ui-v2.page-category .nk-header-main-inner .nk-fixed-mascot {
        display: none !important;
    }

    body.ui-v2.nk-menu-open .nk-fixed-mascot {
        opacity: 0;
        visibility: hidden;
    }
}

/* Home */
.ui-v2.page-home {
    background:
        radial-gradient(980px 420px at -8% -12%, rgba(255, 122, 47, .17), transparent 62%),
        radial-gradient(920px 420px at 104% -16%, rgba(17, 28, 52, .30), transparent 66%),
        linear-gradient(180deg, #eef2f9 0%, #f7f9fd 42%, #ffffff 100%);
}

.ui-v2.page-home .home-page > section:not(.home-media) {
    max-width: 1260px;
    width: min(1260px, calc(100% - 28px));
    margin: 12px auto;
    border-radius: var(--wx-r-lg);
    border: 1px solid rgba(15, 22, 38, .05);
    background: rgba(255, 255, 255, .82);
    box-shadow: none;
}

.ui-v2.page-home .home-page > section.home-section--sale-hero {
    overflow: visible;
}

.ui-v2.page-home .home-section--featured .home-featured-grid {
    gap: 18px;
}

.ui-v2.page-home .brand-track {
    padding: 12px 10px;
}

.ui-v2.page-home .home-section--category .home-cat-subcats {
    margin: 0 auto 14px;
    gap: 10px;
}

.ui-v2.page-home .home-section--category .home-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .36);
    background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%);
    color: #1e293b;
    text-decoration: none;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .01em;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .07);
    transition: border-color calc(140ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease),
        box-shadow calc(160ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease),
        transform calc(150ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph),
        color calc(140ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease);
}

@media (hover: hover) {
    .ui-v2.page-home .home-section--category .home-chip:hover {
        border-color: rgba(245, 158, 11, .54);
        box-shadow: 0 6px 16px rgba(15, 23, 42, .10);
        color: #0f172a;
        transform: translateY(-1px);
    }
}

.ui-v2.page-home .home-section--category .home-chip:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(15, 23, 42, .10);
}

.ui-v2.page-home .home-section--category .home-chip:focus-visible {
    outline: none;
    border-color: rgba(245, 158, 11, .62);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .20), 0 8px 18px rgba(15, 23, 42, .12);
}

.ui-v2.page-home .home-section--category .home-section-link {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .34);
    background: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(243, 246, 251, .96) 100%);
    color: #0f172a;
    font-weight: 820;
    letter-spacing: .01em;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .07);
    transition: border-color calc(140ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease),
        box-shadow calc(160ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease),
        transform calc(150ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph);
}

@media (hover: hover) {
    .ui-v2.page-home .home-section--category .home-section-link:hover {
        border-color: rgba(245, 158, 11, .58);
        box-shadow: 0 7px 18px rgba(15, 23, 42, .10);
        transform: translateY(-1px);
    }
}

@media (max-width: 860px) {
    .ui-v2.page-home .home-section--category .home-cat-subcats {
        gap: 8px;
        margin-bottom: 12px;
    }

    .ui-v2.page-home .home-section--category .home-chip,
    .ui-v2.page-home .home-section--category .home-section-link {
        min-height: 34px;
        padding: 0 12px;
        font-size: 11.5px;
    }
}

/* Category */
.ui-v2 .category-page {
    width: min(1400px, 100%);
    padding: 18px 16px 24px;
}

.ui-v2 .category-page .section-header p,
.ui-v2 .cat-root-featured__head p {
    color: var(--wx-muted);
    font-size: 13px;
}

.ui-v2 .cat-toolbar,
.ui-v2 .cf-inline {
    border-radius: 14px;
    border: 1px solid rgba(15, 22, 38, .07);
    background: rgba(255, 255, 255, .94);
    box-shadow: none;
}

.ui-v2 .category-products-grid,
.ui-v2 .home-featured-grid {
    gap: 16px;
}

/* Product */
.ui-v2.page-product.page-white {
    background:
        radial-gradient(920px 460px at -10% -10%, rgba(255, 122, 47, .14) 0%, rgba(255, 122, 47, 0) 64%),
        radial-gradient(840px 400px at 104% -16%, rgba(16, 24, 42, .14) 0%, rgba(16, 24, 42, 0) 68%),
        linear-gradient(180deg, #edf2fa 0%, #f8fafd 44%, #ffffff 100%);
}

.ui-v2 .product-page {
    max-width: 1280px;
    margin-top: 22px;
}

.ui-v2 .pdp-top {
    gap: 18px;
}

@media (min-width: 1100px) {
    .ui-v2 .pdp-buy {
        position: sticky;
        top: 102px;
    }
}

.ui-v2 .product-main-image {
    height: min(520px, 58vh);
    border-radius: 16px;
    background: #ffffff;
}

.ui-v2 .product-price-lg {
    font-size: 28px;
    font-weight: 800;
}

/* Product card */
.ui-v2 .category-product {
    border-radius: 18px;
    border-color: rgba(15, 22, 38, .08);
    box-shadow: 0 2px 8px rgba(18, 26, 43, .05);
    transition: transform calc(140ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph), box-shadow calc(150ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease), border-color calc(150ms + (90ms * var(--wx-motion-scale, 1))) var(--wx-ease);
}

@media (hover: hover) {
    .ui-v2 .category-product:hover {
        transform: translateY(calc(-1px - (2px * var(--wx-motion-scale, 1))));
        border-color: rgba(255, 122, 47, .34);
        box-shadow: 0 10px 26px rgba(18, 26, 43, .10);
    }
}

.ui-v2 .category-product-title a {
    font-size: 14px;
    font-weight: 700;
}

.ui-v2 .category-product-price {
    color: #101828;
}

.ui-v2 .category-product-flag--sale {
    background: var(--wx-accent-soft);
    color: #a74f1b;
    border-color: rgba(228, 95, 23, .38);
}

/* Cart */
.ui-v2 .cart-wrap {
    max-width: 1240px;
}

.ui-v2 .cart-head {
    margin-bottom: 16px;
    padding-bottom: 14px;
}

.ui-v2 .cart-title {
    font-size: 30px;
}

.ui-v2 .cart-subtitle,
.ui-v2 .cart-hint {
    font-size: 14px;
    color: var(--wx-muted);
}

.ui-v2 .cart-table__head,
.ui-v2 .cart-row {
    grid-template-columns: minmax(0, 1fr) 136px 124px 156px 52px;
}

.ui-v2 .cart-table__head {
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .cart-row {
    padding: 13px 14px;
    border-top-color: rgba(15, 22, 38, .08);
}

.ui-v2 .cart-product {
    font-size: 14px;
}

.ui-v2 .cart-panel {
    border-radius: 18px;
    padding: 16px;
    box-shadow: none;
}

.ui-v2 .cart-mobilebar {
    border-radius: 16px 16px 0 0;
    border: 1px solid rgba(255, 122, 47, .22);
    box-shadow: 0 -8px 18px rgba(14, 20, 36, .14);
}

/* Checkout */
.ui-v2 .co-wrap {
    max-width: 1240px;
}

.ui-v2 .co-head {
    margin-bottom: 16px;
}

.ui-v2 .co-title {
    font-size: 30px;
}

.ui-v2 .co-subtitle,
.ui-v2 .co-accMeta,
.ui-v2 .co-help {
    font-size: 14px;
    color: var(--wx-muted);
}

.ui-v2 .co-grid {
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 16px;
}

.ui-v2 .co-section {
    padding: 16px 14px;
    box-shadow: none;
}

.ui-v2 .co-tile {
    border-radius: 14px;
    transition: transform calc(120ms + (80ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph), border-color calc(130ms + (80ms * var(--wx-motion-scale, 1))) var(--wx-ease), box-shadow calc(130ms + (80ms * var(--wx-motion-scale, 1))) var(--wx-ease);
}

.ui-v2 .co-tile.is-active {
    border-color: rgba(255, 122, 47, .55);
    box-shadow: 0 8px 16px rgba(255, 122, 47, .12);
}

.ui-v2 .co-summary,
.ui-v2 .co-mobileBar {
    border-radius: 16px;
}

.ui-v2 .co-nextBtn {
    min-height: 42px;
    font-size: 14px;
    font-weight: 600;
    border-color: rgba(15, 22, 38, .16);
    background: rgba(248, 250, 252, .72);
    color: rgba(27, 37, 56, .88);
}

.ui-v2 .co-btn,
.ui-v2 .co-nextBtn {
    font-weight: 600;
    border-color: rgba(15, 22, 38, .12);
}

.ui-v2 .co-accTitle {
    font-size: 15px;
}

.ui-v2 .co-tileTitle {
    font-size: 13px;
}

.ui-v2 .co-tileDesc,
.ui-v2 .co-note,
.ui-v2 .co-lineMeta,
.ui-v2 .co-sumNote,
.ui-v2 .co-mobileBarLabel,
.ui-v2 .cart-rowmsg,
.ui-v2 .cart-cta__note,
.ui-v2 .cart-hint {
    font-size: 12px;
    font-weight: 500;
}

/* Rétegcsökkentés: ne legyen "doboz a dobozban" */
.ui-v2 .cart-freeship,
.ui-v2 .co-coupon,
.ui-v2 .co-account,
.ui-v2 .co-glsPoint,
.ui-v2 .product-fact,
.ui-v2 .pdp-mini {
    box-shadow: none;
    border-color: rgba(15, 22, 38, .06);
    background: rgba(250, 252, 255, .9);
}

.ui-v2 .home-section--featured .category-product {
    box-shadow: 0 2px 8px rgba(15, 22, 38, .06);
}

/* Sidebar/menu overlay tisztítás */
.ui-v2 .nk-sidebar-content {
    border-color: rgba(148, 163, 184, .16);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .18);
}

.ui-v2 .nk-sidebar-pill {
    border-color: rgba(148, 163, 184, .16);
    background: rgba(255, 255, 255, .94);
    box-shadow: none;
}

.ui-v2 .nk-sidebar-list--menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ui-v2 .nk-sidebar-pill--menu {
    min-height: 44px;
    padding: 9px 12px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 12px;
}

.ui-v2 .nk-pill-icon {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 12px;
    background: rgba(255, 122, 47, .14);
}

.ui-v2 .nk-pill-label {
    font-size: 12px;
    text-align: left;
    white-space: normal;
    line-height: 1.25;
}

.ui-v2 .nk-sidebar-list--categories {
    gap: 8px;
}

.ui-v2 .nk-sidebar-pill--category {
    min-height: 40px;
    border-radius: 12px;
}

/* Motion primitives */
@keyframes wx-rise-in {
    0% {
        opacity: 0;
        transform: translateY(var(--wx-motion-distance, 16px)) scale(.985);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes wx-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

.ui-v2 .home-page > section,
.ui-v2 .category-page,
.ui-v2 .product-page,
.ui-v2 .cart-page,
.ui-v2 .co-page {
    animation: wx-rise-in calc(360ms + (240ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph) both;
}

.ui-v2 .category-product,
.ui-v2 .co-tile,
.ui-v2 .cart-row {
    animation: none;
}

.ui-v2 .wx-reveal {
    opacity: 0;
    transform: translateY(var(--wx-motion-distance, 16px));
    transition: opacity calc(320ms + (180ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph), transform calc(320ms + (180ms * var(--wx-motion-scale, 1))) var(--wx-ease-emph);
}

/* Home fail-safe:
   ha bármilyen JS/observer edge-case történik, a főoldali szekciók
   soha ne maradjanak láthatatlanok. */
.ui-v2.page-home .home-page > section.wx-reveal {
    opacity: 1;
    transform: none;
}

/* Extra fail-safe: ha bármely JS verzió tévedésből a főoldali root main-re
   is wx-reveal osztályt tenne, ne maradjon láthatatlan. */
.ui-v2.page-home main.home-page.wx-reveal {
    opacity: 1;
    transform: none;
}

/* Category/Search fail-safe:
   nagy listaoldalon sose maradjon tartalom rejtve scrollig. */
.ui-v2.page-category .wx-reveal,
.ui-v2.page-search .wx-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.ui-v2 .wx-reveal.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

.ui-v2[data-motion-profile="off"] .home-page > section,
.ui-v2[data-motion-profile="off"] .category-page,
.ui-v2[data-motion-profile="off"] .product-page,
.ui-v2[data-motion-profile="off"] .cart-page,
.ui-v2[data-motion-profile="off"] .co-page,
.ui-v2[data-motion-profile="off"] .wx-reveal {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
}

@media (max-width: 1100px) {
    .ui-v2 .co-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1025px) {
    .ui-v2 .co-accChevron {
        display: block;
    }

    .ui-v2 .co-accBtn {
        cursor: pointer;
    }
}

@media (max-width: 1024px) {
    .ui-v2 .cart-table__head,
    .ui-v2 .cart-row {
        grid-template-columns: 1fr;
    }

    .ui-v2.page-home .home-page > section:not(.home-media) {
        width: calc(100% - 16px);
        margin: 8px auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ui-v2 * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}
