.hc-navigation-loader{position:fixed;inset:0;z-index:2147483000;background:#fff;overflow:hidden;padding:24px;pointer-events:all}
@media(max-width:767px){.hc-navigation-loader{animation:hc-nav-forward .2s ease-out both}.hc-navigation-loader[data-direction=back]{animation-name:hc-nav-back-in}}
.hc-nav-skeleton-top{display:flex;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto 32px}.hc-nav-skeleton-top i{width:140px;height:28px;border-radius:8px}.hc-nav-skeleton-top i:last-child{width:90px}
.hc-nav-skeleton-content{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.hc-nav-skeleton-image{aspect-ratio:1;max-height:65vh;border-radius:18px}.hc-nav-skeleton-summary{display:flex;flex-direction:column;gap:22px;padding:12px 0}.hc-nav-skeleton-summary i{display:block;height:22px;width:80%;border-radius:6px}.hc-nav-skeleton-summary i:first-child{width:25%;height:14px}.hc-nav-skeleton-summary i:nth-child(3){width:60%}.hc-nav-skeleton-summary i:nth-child(4){width:35%;height:38px}.hc-nav-skeleton-summary>div{height:60px;width:100%;border-radius:12px}
.hc-navigation-loader i,.hc-nav-skeleton-image,.hc-nav-skeleton-summary>div{background:linear-gradient(100deg,#eef2ef 30%,#fafcfb 45%,#eef2ef 60%);background-size:220% 100%;animation:hc-skeleton-shimmer 1.3s linear infinite}
.hc-navigation-loader[data-direction=back] .hc-nav-skeleton-content{grid-template-columns:repeat(2,minmax(0,1fr))}
@keyframes hc-skeleton-shimmer{to{background-position:-220% 0}}
@keyframes hc-nav-forward{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes hc-nav-back-out{to{transform:translateX(100%)}}
@keyframes hc-nav-back-in{from{transform:translateX(-25%);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(max-width:767px){.hc-navigation-loader{padding:18px 16px}.hc-nav-skeleton-top{margin-bottom:28px}.hc-nav-skeleton-content{display:block}.hc-nav-skeleton-image{max-height:none;border-radius:8px}.hc-nav-skeleton-summary{padding-top:24px;gap:16px}.hc-nav-skeleton-summary>div{height:48px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),html.hc-navigation-arriving #hc-main,.hc-navigation-loader,.hc-navigation-loader i,.hc-nav-skeleton-image,.hc-nav-skeleton-summary>div{animation:none!important}}

@media(min-width:768px){.hc-navigation-loader{top:var(--hc-loader-top,0px);padding:28px 24px;overflow:auto}.hc-navigation-loader .hc-nav-skeleton-top{display:none}.hc-navigation-loader .hc-nav-skeleton-image{max-height:55vh}.hc-navigation-loader .hc-nav-skeleton-content{align-items:start}}

.hc-collection-navigation-loader{top:var(--hc-loader-top,0px);animation:none!important;background:#f5f5f5;overflow:hidden}.hc-collection-skeleton-inner{max-width:1400px;margin:auto}.hc-collection-skeleton-heading{display:flex;justify-content:space-between;gap:20px;margin:20px 0}.hc-collection-skeleton-heading i{display:block;width:220px;height:28px}.hc-collection-skeleton-heading i:last-child{width:140px}.hc-collection-skeleton-tabs{display:none;gap:1px;margin-bottom:24px}.hc-collection-skeleton-tabs i{display:block;flex:1;height:48px}.hc-collection-skeleton-hero{display:none;height:clamp(240px,35vw,520px);margin-bottom:24px}.hc-collection-navigation-loader[data-layout=shop] .hc-collection-skeleton-tabs{display:flex}.hc-collection-navigation-loader[data-layout=shop] .hc-collection-skeleton-hero{display:block}.hc-collection-skeleton-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.hc-collection-skeleton-grid>div{padding:12px;background:white;border-radius:10px}.hc-collection-skeleton-grid i{display:block;aspect-ratio:1}.hc-collection-skeleton-grid span{display:block;height:14px;margin-top:12px}.hc-collection-skeleton-grid span:last-child{width:50%;height:24px}.hc-collection-skeleton-grid span,.hc-collection-skeleton-hero{background:linear-gradient(100deg,#eef2ef 30%,#fafcfb 45%,#eef2ef 60%);background-size:220% 100%;animation:hc-skeleton-shimmer 1.3s linear infinite}@media(max-width:1199px){.hc-collection-skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.hc-collection-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hc-collection-navigation-loader[data-layout=shop] .hc-collection-skeleton-hero{display:none}.hc-collection-skeleton-heading i{width:45%;height:22px}}@media(prefers-reduced-motion:reduce){.hc-collection-skeleton-grid span,.hc-collection-skeleton-hero{animation:none}}
