.product-gallery{position:relative}#mainImageContainer{position:relative;background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%)}#mainImage{transition:opacity 0.3s ease,transform 0.5s cubic-bezier(.4,0,.2,1)}.thumbnail-btn{position:relative;overflow:hidden}.thumbnail-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff0 0%,rgb(199 224 122 / .3) 100%);opacity:0;transition:opacity 0.3s ease}.thumbnail-btn:hover::after{opacity:1}.thumbnail-btn.border-accent::after{opacity:0}#thumbnailsWrapper{scrollbar-width:thin;scrollbar-color:#C7E07A #fff0}#thumbnailsWrapper::-webkit-scrollbar{height:4px}#thumbnailsWrapper::-webkit-scrollbar-track{background:#fff0}#thumbnailsWrapper::-webkit-scrollbar-thumb{background:#C7E07A;border-radius:4px}.gallery-nav-btn{opacity:0;transform:translateY(-50%) scale(.8)}.product-gallery:hover .gallery-nav-btn{opacity:1;transform:translateY(-50%) scale(1)}@media (max-width:768px){.gallery-nav-btn{opacity:1;transform:translateY(-50%) scale(1)}}#lightbox{transition:opacity 0.3s ease}#lightboxImage{transition:opacity 0.3s ease,transform 0.3s cubic-bezier(.4,0,.2,1)}.dot-indicator{transition:all 0.3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}#mainImageContainer:hover #mainImage{transform:scale(1.02)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.btn-modern{transition:all 0.2s ease}.btn-modern:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(199 224 122 / .4)}.btn-modern:active{transform:translateY(0)}.specs-table-wrapper{background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%)}.specs-table{border-collapse:separate;border-spacing:0}.specs-table thead th{position:relative}.specs-table thead th::after{content:'';position:absolute;right:0;top:25%;height:50%;width:1px;background:rgb(255 255 255 / .2)}.specs-table thead th:last-child::after{display:none}.spec-row{transition:all 0.2s ease}.spec-row:hover{background:rgb(199 224 122 / .08)!important}.spec-row td{transition:all 0.2s ease}.spec-row-highlight td{position:relative}.spec-icon{width:32px;height:32px;min-width:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.spec-row:hover .spec-icon{transform:scale(1.1)}.price-row{border-top:3px solid #C7E07A}.price-tag{position:relative;display:inline-block}.price-tag::before{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#C7E07A,transparent);opacity:.5;border-radius:4px}.specs-table-wrapper::-webkit-scrollbar{height:8px}.specs-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.specs-table-wrapper::-webkit-scrollbar-thumb{background:#C7E07A;border-radius:4px}.specs-table-wrapper::-webkit-scrollbar-thumb:hover{background:#879a4f}.simple-specs-table{background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%)}.simple-specs-table .spec-row:first-child td{border-top-left-radius:16px;border-top-right-radius:16px}.simple-specs-table .spec-row:last-child td{border-bottom-left-radius:16px;border-bottom-right-radius:16px}@keyframes fadeInRow{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.specs-table tbody tr{animation:fadeInRow 0.3s ease forwards}.specs-table tbody tr:nth-child(1){animation-delay:0.05s}.specs-table tbody tr:nth-child(2){animation-delay:0.1s}.specs-table tbody tr:nth-child(3){animation-delay:0.15s}.specs-table tbody tr:nth-child(4){animation-delay:0.2s}.specs-table tbody tr:nth-child(5){animation-delay:0.25s}.specs-table tbody tr:nth-child(6){animation-delay:0.3s}.specs-table tbody tr:nth-child(7){animation-delay:0.35s}.specs-table tbody tr:nth-child(8){animation-delay:0.4s}.specs-table tbody tr:nth-child(9){animation-delay:0.45s}.specs-table tbody tr:nth-child(10){animation-delay:0.5s}@media (max-width:768px){.specs-table th,.specs-table td{padding:12px 16px;font-size:14px}.spec-icon{width:28px;height:28px;min-width:28px}.price-tag span{font-size:1.25rem!important}}