.jewel-detail{padding:120px 0 var(--spacing-xxl);background:var(--color-white);min-height:100vh}.jewel-detail-loading,.jewel-detail-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:var(--spacing-xl)}.loading-spinner{width:50px;height:50px;border:3px solid var(--color-gray-light);border-top-color:var(--color-black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.jewel-detail-not-found h2{font-family:var(--font-playfair),"Playfair Display",serif;font-size:32px;font-weight:400;margin-bottom:var(--spacing-lg);color:var(--color-black)}.back-link{display:inline-block;color:var(--color-gray-text);text-decoration:none;font-size:14px;margin-bottom:var(--spacing-xl);transition:color .3s ease;font-weight:300;letter-spacing:.5px}.back-link:hover{color:var(--color-black)}.jewel-detail-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-xxl);gap:var(--spacing-xxl);align-items:start}.jewel-images{position:-webkit-sticky;position:sticky;top:100px}.jewel-image-main{position:relative;width:100%;padding-top:100%;background:var(--color-gray);margin-bottom:var(--spacing-md);overflow:hidden}.jewel-image-main img{border-radius:0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.9);border:1px solid var(--color-gray-light);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:var(--color-black);transition:all .3s ease;z-index:2;font-weight:300}.carousel-btn.prev{left:var(--spacing-sm)}.carousel-btn.next{right:var(--spacing-sm)}.carousel-btn:hover{background:var(--color-white);border-color:var(--color-black)}.jewel-image-thumbnails{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.thumbnail{position:relative;width:80px;height:80px;background:var(--color-gray);border:2px solid transparent;cursor:pointer;overflow:hidden;transition:all .3s ease;padding:0}.thumbnail.active{border-color:var(--color-black)}.thumbnail:hover{border-color:var(--color-gray-text)}.jewel-info{max-width:500px}.jewel-category{font-size:11px;color:var(--color-gray-text);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--spacing-sm);font-weight:300}.jewel-name{font-family:var(--font-playfair),"Playfair Display",serif;font-size:36px;margin-bottom:var(--spacing-md);line-height:1.2;letter-spacing:-.5px}.jewel-name,.jewel-price{font-weight:400;color:var(--color-black)}.jewel-price{font-size:28px;margin-bottom:var(--spacing-xl);letter-spacing:.5px}.jewel-description{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-gray-light)}.jewel-description p{font-size:15px;color:var(--color-gray-text);line-height:1.8;font-weight:300}.jewel-details{margin-bottom:var(--spacing-xl)}.detail-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-light)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--color-gray-text);text-transform:uppercase;letter-spacing:1px;font-weight:300}.detail-value{font-size:13px;color:var(--color-black);font-weight:400}.btn-buy{width:100%;padding:18px 48px;background:var(--color-black);color:var(--color-white);border:1px solid var(--color-black);text-decoration:none;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:12px;transition:all .3s ease;cursor:pointer;font-family:var(--font-inter),sans-serif}.btn-buy:hover{background:var(--color-white);color:var(--color-black)}@media (max-width:1024px){.jewel-detail-content{gap:var(--spacing-xl)}.jewel-images{position:relative;top:0}}@media (max-width:768px){.jewel-detail{padding:100px 0 var(--spacing-xl)}.jewel-detail-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.jewel-name{font-size:28px}.jewel-price{font-size:24px}.jewel-image-thumbnails{gap:var(--spacing-xs)}.thumbnail{width:60px;height:60px}}@media (max-width:480px){.jewel-detail{padding:80px 0 var(--spacing-lg)}.jewel-name{font-size:24px}.carousel-btn{width:40px;height:40px;font-size:20px}}