.ax-loadbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 2147483647;
    pointer-events: none;
    background: transparent;
    opacity: 1;
    transition: opacity 0.25s ease;
}

.ax-loadbar__fill {
    display: block;
    height: 100%;
    width: 12%;
    background: #F6C90E;
    box-shadow: 0 0 8px rgba(246, 201, 14, 0.65);
    transition: width 0.2s ease;
}

.ax-loadbar.is-done {
    opacity: 0;
}

@media (min-width: 769px) {
    html:not(.ax-page-ready),
    html:not(.ax-page-ready) body {
        overflow: hidden !important;
        height: 100%;
        overscroll-behavior: none;
    }
}

@media (max-width: 768px) {
    .ax-skeleton,
    .ax-loadbar {
        display: none !important;
    }
}

.ax-skeleton {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90000;
    overflow: hidden;
    background: #f6f7f8;
    pointer-events: auto;
}

html.ax-page-ready .ax-skeleton {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

.ax-bone,
.ax-sk-card__image,
.ax-sk-slider,
.ax-sk-photo,
.ax-sk-thumb,
.ax-sk-dim,
.ax-sk-vcard,
.ax-sk-pill {
    display: block;
    border-radius: 8px;
    background: linear-gradient(100deg, #e6ebf0 30%, #f4f7fa 50%, #e6ebf0 70%);
    background-size: 220% 100%;
    animation: ax-shimmer 1.3s ease-in-out infinite;
}

.ax-bone--row { height: 16px; margin-bottom: 14px; }
.ax-bone--heading { height: 22px; width: 38%; margin-bottom: 18px; }
.ax-bone--kicker { height: 12px; width: 24%; margin-bottom: 12px; }
.ax-bone--title { height: 14px; width: 100%; margin-bottom: 8px; }
.ax-bone--short { width: 68%; }
.ax-bone--price { height: 18px; width: 42%; margin-bottom: 10px; }
.ax-bone--meta { height: 10px; width: 80%; margin-bottom: 12px; }
.ax-bone--text { height: 12px; width: 100%; margin-bottom: 10px; }
.ax-bone--btn { height: 44px; width: 100%; border-radius: 10px; margin-top: 8px; }
.ax-bone--ghost { width: 70%; }
.ax-bone--field { height: 46px; width: 100%; margin-bottom: 12px; border-radius: 10px; }
.ax-bone--block { height: 140px; width: 100%; margin-top: 8px; }

.ax-sk-home,
.ax-sk-product,
.ax-sk-split,
.ax-sk-stack {
    max-width: 1400px;
    margin: 0 auto;
    padding: 136px 20px 20px;
    box-sizing: border-box;
}

.ax-sk-narrow { max-width: 860px; }

.ax-sk-hero { margin-bottom: 20px; }
.ax-sk-menu { display: none; }
.ax-sk-slider {
    height: 500px;
    border-radius: 12px;
}

.ax-sk-videos { margin-bottom: 60px; }
.ax-sk-vrow { display: flex; gap: 20px; overflow: hidden; }
.ax-sk-vcard { flex: 0 0 440px; width: 440px; height: 247px; border-radius: 12px; }

.ax-sk-section { margin-bottom: 24px; }

.ax-sk-row {
    display: flex;
    gap: 20px;
    overflow: hidden;
}

.ax-sk-home .ax-sk-card {
    flex: 0 0 280px;
    width: 280px;
    height: 446px;
}

.ax-sk-home .ax-sk-card__image {
    height: 280px;
    aspect-ratio: auto;
}

.ax-sk-shop {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 136px 20px 20px;
    box-sizing: border-box;
}

.ax-sk-filters {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 56px;
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 16px;
    padding: 0 12px;
    box-sizing: border-box;
}

.ax-sk-pill {
    width: 112px;
    height: 36px;
    border-radius: 999px;
    flex: 0 0 auto;
}

.ax-sk-pill--sort {
    width: 148px;
    margin-left: auto;
}

.ax-sk-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    flex: 1 1 auto;
}

.ax-sk-shop .ax-sk-card {
    width: 100%;
    height: auto;
}

.ax-sk-shop .ax-sk-card__image {
    height: auto;
    aspect-ratio: 1 / 1;
}

.ax-sk-panel,
.ax-sk-card,
.ax-sk-buy {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 16px;
    box-sizing: border-box;
}

.ax-sk-card { padding: 0; overflow: hidden; }
.ax-sk-card__image { border-radius: 0; }
.ax-sk-card__body { padding: 14px 14px 16px; }

.ax-sk-product {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding-top: 140px;
}

.ax-sk-gallery { flex: 0 0 650px; width: 650px; }
.ax-sk-photo { height: 618px; border-radius: 12px; }
.ax-sk-photo--wide { height: 280px; aspect-ratio: auto; margin: 8px 0 16px; }
.ax-sk-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 12px; }
.ax-sk-thumb { height: 96px; aspect-ratio: auto; }
.ax-sk-buy {
    flex: 1 1 auto;
    height: 618px;
    min-width: 0;
    background: #f3f4f6;
    border: 0;
    padding: 26px 28px 22px;
}

.ax-sk-thumb--wide { width: 160px; height: 110px; flex: none; }
.ax-sk-dims { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 8px 0 16px; }
.ax-sk-dim { height: 64px; }
.ax-sk-line,
.ax-sk-article {
    display: flex;
    gap: 14px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 12px;
}
.ax-sk-line .ax-sk-thumb { width: 84px; height: 84px; flex: none; }
.ax-sk-line > div,
.ax-sk-article > div { flex: 1; }
.ax-sk-cart {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.7fr);
    gap: 28px;
    width: min(1400px, calc(100vw - 80px));
    max-width: 1400px;
    margin: 162px auto 0;
    align-items: start;
}
.ax-sk-cart .ax-bone--heading { width: 280px; height: 28px; margin: 0 0 18px; }
.ax-sk-cart-row {
    display: grid;
    grid-template-columns: 112px 1fr 92px;
    gap: 18px;
    align-items: center;
    padding: 8px 0 18px;
}
.ax-sk-cart-thumb,
.ax-sk-cart-qty {
    display: block;
    border-radius: 12px;
    background: linear-gradient(100deg, #e6ebf0 30%, #f4f7fa 50%, #e6ebf0 70%);
    background-size: 220% 100%;
    animation: ax-shimmer 1.3s ease-in-out infinite;
}
.ax-sk-cart-thumb { width: 112px; height: 112px; }
.ax-sk-cart-qty { width: 92px; height: 40px; }
.ax-sk-cart-summary { margin-top: 46px; }
@media (max-width: 900px) {
    .ax-sk-cart { grid-template-columns: 1fr; width: calc(100vw - 32px); margin-top: 120px; }
    .ax-sk-cart-summary { margin-top: 0; }
    .ax-sk-cart-row { grid-template-columns: 84px 1fr; }
    .ax-sk-cart-thumb { width: 84px; height: 84px; }
    .ax-sk-cart-qty { display: none; }
}
.ax-sk-checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(380px, 0.9fr);
    gap: 28px;
    width: min(1400px, calc(100vw - 80px));
    max-width: 1400px;
    margin: 210px auto 0;
    box-sizing: border-box;
}

.ax-sk-checkout-card {
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
    padding: 28px;
    margin-top: 14px;
}

.ax-sk-checkout .ax-bone--heading {
    width: 220px;
    height: 22px;
    margin: 0;
}

.ax-sk-checkout-col--order .ax-bone--heading { width: 180px; }

.ax-sk-checkout-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ax-sk-checkout .ax-bone--field {
    height: 52px;
    border-radius: 12px;
    margin-bottom: 16px;
}

.ax-sk-checkout-photo,
.ax-sk-checkout-pay {
    display: block;
    border-radius: 12px;
    background: linear-gradient(100deg, #e6ebf0 30%, #f4f7fa 50%, #e6ebf0 70%);
    background-size: 220% 100%;
    animation: ax-shimmer 1.3s ease-in-out infinite;
}

.ax-sk-checkout-photo { width: 200px; height: 200px; margin-bottom: 12px; }
.ax-sk-checkout-pay { height: 160px; margin-top: 16px; }

@media (max-width: 900px) {
    .ax-sk-checkout {
        grid-template-columns: 1fr;
        width: calc(100vw - 32px);
        margin-top: 125px;
    }
}
.ax-sk-center {
    max-width: 420px;
    margin: 80px auto;
    text-align: center;
}
.ax-sk-center .ax-bone { margin-left: auto; margin-right: auto; }

@keyframes ax-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@media (max-width: 1100px) {
    .ax-sk-slider { height: 120px; }
    .ax-sk-home .ax-sk-card:nth-child(n + 4) { display: none; }
}

@media (max-width: 1199px) {
    .ax-sk-shop .ax-sk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ax-sk-shop .ax-sk-card:nth-child(n + 7) { display: none; }
}

@media (max-width: 768px) {
    .ax-sk-home,
    .ax-sk-product,
    .ax-sk-split,
    .ax-sk-stack { padding-top: 125px; }
    .ax-sk-shop { flex-direction: column; padding-top: 121px; }
    .ax-sk-product { padding-top: 129px; }
    .ax-sk-filters { display: none; }
    .ax-sk-grid { width: 100%; flex: 1 1 auto; gap: 12px; }
    .ax-sk-shop .ax-sk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ax-sk-product,
    .ax-sk-split { flex-direction: column; }
    .ax-sk-gallery,
    .ax-sk-home .ax-sk-card { width: calc(50% - 10px); flex-basis: calc(50% - 10px); height: auto; }
    .ax-sk-shop .ax-sk-card { width: auto; flex-basis: auto; height: auto; }
    .ax-sk-gallery { width: 100%; flex-basis: auto; }
    .ax-sk-photo,
    .ax-sk-buy { height: auto; }
    .ax-sk-photo { aspect-ratio: 1 / 1; }
    .ax-sk-home .ax-sk-card__image,
    .ax-sk-shop .ax-sk-card__image { height: auto; aspect-ratio: 1 / 1; }
    .ax-sk-home .ax-sk-card:nth-child(n + 3),
    .ax-sk-shop .ax-sk-card:nth-child(n + 5) { display: none; }
    .ax-sk-vcard:nth-child(3) { display: none; }
    .ax-sk-vcard { flex-basis: calc(50% - 10px); width: calc(50% - 10px); height: 140px; }
}

@media (prefers-reduced-motion: reduce) {
    .ax-bone,
    .ax-sk-card__image,
    .ax-sk-slider,
    .ax-sk-photo,
    .ax-sk-thumb,
    .ax-sk-dim,
    .ax-sk-pill {
        animation: none;
    }
    html.ax-page-ready .ax-skeleton,
    .ax-loadbar {
        transition: none;
    }
}