.birthstone-carousel-wrapper{overflow:visible;padding:0 1rem;margin:2rem -1rem 1rem}.birthstone-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem .5rem 1.5rem;scrollbar-width:thin;scrollbar-color:var(--color-gold-warm) transparent}.birthstone-carousel::-webkit-scrollbar{height:4px}.birthstone-carousel::-webkit-scrollbar-track{background:#d4af371a;border-radius:2px}.birthstone-carousel::-webkit-scrollbar-thumb{background:var(--color-gold-warm);border-radius:2px}.birthstone-option{flex:0 0 120px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.birthstone-label{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(212,175,55,.2);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;height:180px;position:relative;overflow:hidden}.birthstone-label:hover{transform:translateY(-8px);background:#fffffff2;border-color:#d4af3766;box-shadow:0 8px 32px #d4af3740,0 0 0 2px #d4af3726,inset 0 1px #fff}.birthstone-radio:checked+.birthstone-label{background:linear-gradient(135deg,#faf8f2fa,#fffffff2);border-color:var(--color-gold-warm);box-shadow:0 0 0 2px var(--color-gold-warm),0 8px 32px #d4af3759,0 0 60px #d4af3740,inset 0 0 30px #d4af371a;animation:goldenPulse 2s ease-in-out infinite}@keyframes goldenPulse{0%,to{box-shadow:0 0 0 2px var(--color-gold-warm),0 8px 32px #d4af3759,0 0 60px #d4af3740,inset 0 0 30px #d4af371a}50%{box-shadow:0 0 0 2px var(--color-gold-warm),0 8px 40px #d4af3773,0 0 80px #d4af3759,inset 0 0 40px #d4af3726}}.birthstone-image-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.birthstone-image{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid rgba(212,175,55,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #2e3a591a}.birthstone-label:hover .birthstone-image{border-color:var(--color-gold-warm);transform:scale(1.05);box-shadow:0 6px 20px #d4af374d,0 0 0 2px #d4af371a}.birthstone-image img{width:100%;height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1)}.birthstone-label:hover .birthstone-image img{filter:brightness(1.1)}.birthstone-label:hover .birthstone-image:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg) translate(-100%);animation:shimmer .6s ease-out}@keyframes shimmer{to{transform:rotate(45deg) translate(100%)}}.birthstone-color-circle{width:60px;height:60px;border-radius:50%;border:3px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #ffffff80}.birthstone-check{position:absolute;width:20px;height:20px;display:none;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.birthstone-radio:checked+.birthstone-label .birthstone-check{display:flex}.birthstone-check svg{width:12px;height:12px;stroke:var(--color-gold-warm);stroke-width:3px}.birthstone-label:hover .birthstone-color-circle{transform:scale(1.1);border-color:var(--color-gold-warm);box-shadow:0 6px 20px #d4af374d,0 0 0 4px #d4af371a,inset 0 2px 4px #ffffffb3}.birthstone-radio:checked+.birthstone-label .birthstone-color-circle{transform:scale(1.15);border-color:var(--color-gold-warm);border-width:4px;box-shadow:0 0 30px #d4af3780,0 8px 24px #d4af374d,inset 0 0 20px #fffc}.birthstone-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;min-height:60px}.birthstone-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-indigo-deep);letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-height:24px}.birthstone-month{font-family:var(--font-body);font-size:.75rem;color:#2e3a59b3;text-transform:uppercase;letter-spacing:.08em}.birthstone-price{font-family:var(--font-body);font-size:.875rem;color:var(--color-gold-warm);font-weight:500;margin:0;display:flex;align-items:center;justify-content:center;height:20px}.birthstone-label:hover .birthstone-name{color:var(--color-gold-warm);transform:scale(1.05)}.birthstone-radio:checked+.birthstone-label .birthstone-name{color:var(--color-gold-warm);text-shadow:0 1px 4px rgba(212,175,55,.2)}.birthstone-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 4px 16px #2e3a591a,0 0 0 4px #fff3}.birthstone-nav-button--prev{left:-24px}.birthstone-nav-button--next{right:-24px}.birthstone-nav-button:hover{background:var(--color-gold-warm);border-color:var(--color-gold-warm);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 24px #d4af3766,0 0 0 6px #d4af3726}.birthstone-nav-button svg{width:20px;height:20px;stroke:var(--color-indigo-deep);stroke-width:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.birthstone-nav-button:hover svg{stroke:var(--color-ivory-light);transform:scale(1.2)}.birthstone-nav-button:disabled{opacity:.3;cursor:not-allowed}.birthstone-nav-button:disabled:hover{background:#fffffff2;border-color:#d4af374d;transform:translateY(-50%)}.birthstone-progress{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.birthstone-progress-dot{width:8px;height:8px;border-radius:50%;background:#2e3a5933;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.birthstone-progress-dot:hover{background:#d4af3780;transform:scale(1.3)}.birthstone-progress-dot.active{width:24px;border-radius:4px;background:var(--color-gold-warm);box-shadow:0 2px 8px #d4af3766}@media screen and (max-width: 749px){.birthstone-carousel-wrapper{gap:1rem;padding:.75rem;margin:1.5rem 0;border-radius:12px}.birthstone-tab{min-width:100px}.birthstone-label{height:160px;padding:1rem .75rem;min-width:100px}.birthstone-image-wrapper{width:60px;height:60px}.birthstone-image,.birthstone-color-circle{width:50px;height:50px}.birthstone-name{font-size:.875rem}.birthstone-month{font-size:.7rem}.birthstone-nav-button{width:40px;height:40px}.birthstone-nav-button--prev{left:-20px}.birthstone-nav-button--next{right:-20px}@media (hover: none){.birthstone-label:active{transform:scale(.98)}.birthstone-radio:checked+.birthstone-label{animation:none}}}.birthstone-carousel--loading{position:relative;min-height:200px}.birthstone-carousel--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(212,175,55,.2);border-top-color:var(--color-gold-warm);border-radius:50%;animation:birthstoneSpinner .8s linear infinite}@keyframes birthstoneSpinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.birthstone-radio:focus-visible+.birthstone-label{outline:3px solid var(--color-gold-warm);outline-offset:3px;box-shadow:0 0 0 6px #d4af3733,0 8px 32px #d4af374d}@media (prefers-reduced-motion: reduce){.birthstone-carousel-track,.birthstone-carousel,.birthstone-label,.birthstone-image,.birthstone-color-circle,.birthstone-check,.birthstone-nav-button,.birthstone-progress-dot{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.birthstone-carousel-wrapper{background:#fff;box-shadow:none}.birthstone-nav-button,.birthstone-progress{display:none}.birthstone-carousel{display:flex;flex-wrap:wrap;gap:1rem}.birthstone-label{break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/heritage-birthstone-enhanced.css.map */