.jewelry-categories{--jc-bg: #1e1e1e;--jc-text: #f8f7f4;--jc-text-light: #f8f7f4;--jc-accent: #f8f7f4;--jc-accent-light: #f8f7f4;--jc-white: #f8f7f4;--jc-border: rgba(96, 64, 32, .1);--jc-shadow: rgba(96, 64, 32, .08);--jc-radius: 20px;--jc-transition: .5s cubic-bezier(.25, .46, .45, .94)}.jewelry-categories__inner{padding:20px 0 50px}.jewelry-categories__header{text-align:center;margin-bottom:40px;position:relative}.jewelry-categories__subtitle{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--jc-accent);margin-bottom:18px}.jewelry-categories__subtitle:before,.jewelry-categories__subtitle:after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--jc-accent),transparent)}.jewelry-categories__title{font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--jc-text);line-height:1.2;margin:0 0 16px;letter-spacing:-.5px}.jewelry-categories__description{font-size:15px;color:var(--jc-text-light);max-width:520px;margin:0 auto;line-height:1.7;font-weight:400}.jewelry-categories__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.jewelry-categories__card{position:relative;border-radius:var(--jc-radius);overflow:hidden;background:var(--jc-white);box-shadow:none;transition:transform var(--jc-transition),box-shadow var(--jc-transition);cursor:pointer;text-decoration:none;display:block}.jewelry-categories__card:hover{transform:translateY(-8px);box-shadow:none}.jewelry-categories__image-wrapper{position:relative;aspect-ratio:4/5;overflow:hidden;background-color:#1e1e1e}.jewelry-categories__image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(40,20,5,.7) 0%,rgba(40,20,5,.2) 40%,transparent 100%);z-index:1;transition:opacity var(--jc-transition)}.jewelry-categories__card:hover .jewelry-categories__image-wrapper:after{opacity:.85}.jewelry-categories__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.jewelry-categories__card:hover .jewelry-categories__image{transform:scale(1.08)}.jewelry-categories__content{position:absolute;bottom:0;left:0;right:0;padding:28px 24px;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.jewelry-categories__card-number{font-size:11px;font-weight:500;letter-spacing:2px;color:#ffffff80;margin-bottom:8px;text-transform:uppercase}.jewelry-categories__card-title{font-size:22px;font-weight:400;color:var(--jc-white);margin:0 0 14px;letter-spacing:.5px;line-height:1.2}@media(min-width:768px){.jewelry-categories__card-title{margin:0;transition:margin-bottom .4s ease}}.jewelry-categories__explore-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--jc-white);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}@media(min-width:768px){.jewelry-categories__explore-btn{max-height:0;margin-top:0;overflow:hidden;transition:opacity .4s ease,transform .4s ease,max-height .4s ease,margin-top .4s ease}}.jewelry-categories__card:hover .jewelry-categories__explore-btn{opacity:1;transform:translateY(0)}@media(min-width:768px){.jewelry-categories__card:hover .jewelry-categories__explore-btn{max-height:24px;margin-top:14px}}.jewelry-categories__explore-btn svg{width:16px;height:16px;transition:transform .3s ease}.jewelry-categories__card:hover .jewelry-categories__explore-btn svg{transform:translate(4px)}.jewelry-categories__explore-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--jc-white);transition:width .4s ease .2s}.jewelry-categories__card:hover .jewelry-categories__explore-btn:after{width:calc(100% - 24px)}.jewelry-categories__card:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);z-index:3;transition:left .8s ease;pointer-events:none}.jewelry-categories__card:hover:before{left:130%}.jewelry-categories__divider{display:none!important;align-items:center;justify-content:center;gap:16px;margin-top:50px}.jewelry-categories__divider-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--jc-accent-light),transparent)}.jewelry-categories__divider-icon{width:8px;height:8px;border:1px solid var(--jc-accent);transform:rotate(45deg);opacity:.6}.jewelry-categories__scroll-indicators{display:none}@media screen and (max-width:1279px){.jewelry-categories__grid{grid-template-columns:repeat(3,1fr);gap:20px}.jewelry-categories__inner{padding:60px 0 70px}.jewelry-categories__header{margin-bottom:45px}.jewelry-categories__divider{margin-top:70px}}@media screen and (max-width:767px){.jewelry-categories .m-section-my{margin-top:0;margin-bottom:0}.jewelry-categories__inner{padding:30px 0 25px}.jewelry-categories__header{margin-bottom:30px;padding:0 16px}.jewelry-categories__subtitle:before,.jewelry-categories__subtitle:after{width:24px}.jewelry-categories__description{font-size:13px;line-height:1.6}.jewelry-categories__grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:8px 20px 10px;margin:0 -20px;scrollbar-width:none;-ms-overflow-style:none}.jewelry-categories__grid::-webkit-scrollbar{display:none}.jewelry-categories__card{flex:0 0 60vw;min-width:60vw;max-width:280px;scroll-snap-align:center;border-radius:16px;box-shadow:none;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease}.jewelry-categories__card:first-child{margin-left:4px}.jewelry-categories__card:last-child{margin-right:4px}.jewelry-categories__card:active{transform:scale(.97);box-shadow:none}.jewelry-categories__card.jc-card--active{transform:scale(1.04);box-shadow:none}.jewelry-categories__card:not(.jc-card--active){opacity:.75;transform:scale(.96)}.jewelry-categories__card .jewelry-categories__image{transition:transform 3s cubic-bezier(.25,.46,.45,.94)}.jewelry-categories__card.jc-card--active .jewelry-categories__image{transform:scale(1.08)}.jewelry-categories__card:not(.jc-card--active) .jewelry-categories__image{transform:scale(1)}.jewelry-categories__image-wrapper{aspect-ratio:4/5}.jewelry-categories__image-wrapper:after{height:55%;background:linear-gradient(to top,rgba(30,15,5,.75) 0%,rgba(30,15,5,.3) 35%,transparent 100%);transition:opacity .6s ease}.jewelry-categories__card.jc-card--active .jewelry-categories__image-wrapper:after{opacity:.9}.jewelry-categories__card:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:3;pointer-events:none;transition:none}.jewelry-categories__card.jc-card--active:before{animation:jc-mobile-shimmer 1.8s ease .15s 1}@keyframes jc-mobile-shimmer{0%{left:-100%}to{left:130%}}.jewelry-categories__content{padding:16px 14px}.jewelry-categories__card-number{font-size:10px;margin-bottom:4px;letter-spacing:1.5px;color:#ffffff73;transform:translateY(6px);opacity:.5;transition:transform .35s ease,opacity .3s ease}.jewelry-categories__card.jc-card--active .jewelry-categories__card-number{transform:translateY(0);opacity:1;color:#ffffffb3}.jewelry-categories__card-title{font-size:16px;font-weight:500;margin-bottom:6px;letter-spacing:.3px;transform:translateY(4px);transition:transform .35s ease .03s}.jewelry-categories__card.jc-card--active .jewelry-categories__card-title{transform:translateY(0)}.jewelry-categories__explore-btn{opacity:0;transform:translateY(8px);font-size:10px;letter-spacing:1px;gap:6px;transition:opacity .3s ease .08s,transform .3s ease .08s}.jewelry-categories__card.jc-card--active .jewelry-categories__explore-btn{opacity:1;transform:translateY(0)}.jewelry-categories__explore-btn:after{width:0;transition:width .35s ease .12s}.jewelry-categories__card.jc-card--active .jewelry-categories__explore-btn:after{width:calc(100% - 24px)}.jewelry-categories__explore-btn svg{width:14px;height:14px;transition:transform .3s ease}.jewelry-categories__card.jc-card--active .jewelry-categories__explore-btn svg{animation:jc-arrow-nudge 1.5s ease-in-out .5s infinite}@keyframes jc-arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.jewelry-categories__divider{margin-top:15px}.jewelry-categories__scroll-indicators{display:none!important;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:0 16px}.jewelry-categories__scroll-dot{width:6px;height:6px;border-radius:50%;background:var(--jc-accent-light);transition:all .4s cubic-bezier(.25,.46,.45,.94);border:none;padding:0;cursor:pointer;flex-shrink:0}.jewelry-categories__scroll-dot.is-active{width:24px;height:6px;border-radius:3px;background:var(--jc-accent);box-shadow:0 0 6px #c9a87c66}.jewelry-categories__card{opacity:0;transform:scale(.92) translateY(20px)}.jewelry-categories.jc-section-visible .jewelry-categories__card{opacity:.75;transform:scale(.96);transition:opacity .6s ease,transform .6s cubic-bezier(.25,.46,.45,.94)}.jewelry-categories.jc-section-visible .jewelry-categories__card:nth-child(1){transition-delay:0s}.jewelry-categories.jc-section-visible .jewelry-categories__card:nth-child(2){transition-delay:.1s}.jewelry-categories.jc-section-visible .jewelry-categories__card:nth-child(3){transition-delay:.2s}.jewelry-categories.jc-section-visible .jewelry-categories__card:nth-child(4){transition-delay:.3s}.jewelry-categories.jc-section-visible .jewelry-categories__card:nth-child(5){transition-delay:.4s}.jewelry-categories.jc-section-visible .jewelry-categories__card.jc-card--active{opacity:1;transform:scale(1.04)}@keyframes jc-swipe-hint{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.jewelry-categories__grid[data-hint=true] .jewelry-categories__card:last-child{animation:jc-swipe-hint 1.8s ease-in-out 1.5s 2}}@media screen and (max-width:479px){.jewelry-categories__card{flex:0 0 70vw;min-width:70vw;max-width:none}.jewelry-categories__grid{gap:14px;padding:6px 16px 20px;margin:0 -16px}.jewelry-categories__card-title{font-size:15px}.jewelry-categories__image-wrapper{aspect-ratio:4/5}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/jewelry-categories.css.map */