.add-to-cart-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0 2rem}.dynamic-price{font-size:2.5rem;font-weight:700;color:black;font-family:Cantarell,sans-serif;display:block;text-align:center}.quantity-selector{display:flex;align-items:center;gap:1rem;border:2px solid var(--fg);border-radius:.5rem;padding:.5rem;background-color:var(--bg)}.quantity-btn{width:40px;height:40px;border:none;background-color:var(--fg);color:var(--bg);font-size:1.2rem;font-weight:700;border-radius:.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:Cantarell,sans-serif}.quantity-btn:hover:not(:disabled){background-color:var(--bg);color:var(--fg);border:1px solid var(--fg)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-display{font-size:1.2rem;font-weight:600;min-width:30px;text-align:center;font-family:Cantarell,sans-serif}.view-datasheet-link{font-family:Cantarell,sans-serif;color:#999;text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .3s ease;margin-top:.5rem;cursor:pointer}.view-datasheet-link:hover{color:#8ecae6}.datasheet-lightbox{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:backdropFadeIn .4s cubic-bezier(.25,.46,.45,.94);padding:2rem}.datasheet-container{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);animation:slideInScale .4s cubic-bezier(.25,.46,.45,.94);max-width:90vw;max-height:90vh;flex-direction:column}.datasheet-close,.datasheet-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.datasheet-close{font-family:Cantarell,sans-serif;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;font-size:.9rem;font-weight:600;cursor:pointer;position:absolute;top:-15px;right:-15px;z-index:1001;width:40px;height:40px;border-radius:50%;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 10px 25px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1)}.datasheet-close:before{content:"✕";font-size:22px;line-height:1}.datasheet-close:hover{background:rgba(142,202,230,.2);border-color:rgba(142,202,230,.4);color:#fff;transform:scale(1) rotate(90deg);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 0 1px rgba(142,202,230,.3)}.datasheet-image{max-width:100%;height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);animation:imageZoomIn .5s cubic-bezier(.25,.46,.45,.94) .1s both}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdropFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes slideOutScale{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-10px)}}.datasheet-lightbox.fade-out{animation:backdropFadeOut .3s cubic-bezier(.25,.46,.45,.94)}.datasheet-lightbox.fade-out .datasheet-container{animation:slideOutScale .3s cubic-bezier(.25,.46,.45,.94)}@media (max-width:1040px){.add-to-cart-container{gap:1rem;padding:0 1.5rem}.dynamic-price{font-size:2rem}.quantity-btn{width:35px;height:35px;font-size:1rem}.quantity-display{font-size:1.1rem}.view-datasheet-link{font-size:1rem}.datasheet-lightbox{padding:1rem}.datasheet-container{padding:1.5rem;border-radius:16px;max-width:95vw}.datasheet-image{height:80vh;border-radius:8px}.datasheet-close{top:-10px;right:-10px;width:35px;height:35px}.datasheet-close:before{font-size:20px}}@media (max-width:440px){.dynamic-price{font-size:1.75rem}}