.product-navigation-preview[hidden] { display: none !important; }
.product-navigation-preview { position: fixed; inset: 0; z-index: 1055; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; overflow-y: auto; background: #f6f8f5; color: #26392d; }
.product-navigation-container { max-width: 1120px; padding: 26px 32px; }
.product-navigation-back { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 0; border: 0; background: transparent; color: #626f66; font: inherit; }
.product-navigation-back i { font-size: 20px; }
.product-navigation-status { margin: 10px 0 24px; font-size: 13px; color: #626f66; }
.product-navigation-hero { display: grid; grid-template-columns: minmax(0, 44%) minmax(0, 1fr); gap: 34px; }
.product-navigation-image { aspect-ratio: 1; display: grid; place-items: center; padding: 28px; background: #fff; border: 1px solid #e1e8df; border-radius: 18px; }
.product-navigation-image img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; }
.product-navigation-information { min-width: 0; padding-top: 12px; }
.product-navigation-preview[open] .product-navigation-image { animation: product-hero-image-enter 360ms cubic-bezier(.2,.7,.2,1); }
.product-navigation-preview[open] .product-navigation-information { animation: product-hero-details-enter 400ms cubic-bezier(.2,.7,.2,1); }
.product-navigation-information h1 { font-size: 29px; line-height: 1.3; font-weight: 600; margin: 0 0 20px; overflow-wrap: anywhere; color: #26392d; }
.product-navigation-price { font-size: 28px; font-weight: 600; margin-bottom: 7px; }
.product-navigation-checking { font-size: 13px; color: #626f66; margin: 0 0 28px; }
.product-shimmer { min-height: 16px; border-radius: 7px; background: linear-gradient(100deg, #e8ede5 20%, #f7f9f5 40%, #e8ede5 60%); background-size: 240% 100%; animation: product-shimmer 1.5s ease-in-out infinite; margin: 12px 0; }
.product-shimmer-short { max-width: 58%; }
.product-shimmer-button { min-height: 48px; margin-top: 24px; }
.product-navigation-more { padding: 24px; margin-top: 30px; background: #fff; border: 1px solid #e1e8df; border-radius: 15px; }
.product-recommendation-skeleton { padding: 15px; border: 1px solid #e1e8df; border-radius: 14px; background: #fff; }
.product-shimmer-photo { aspect-ratio: 1; margin-top: 0; }
.product-recommendations-error { padding: 20px 0; color: #626f66; }
.kiryana-product-instant-image { display: grid; place-items: center; min-height: 300px; padding: 25px; background: #fff; }
.kiryana-product-instant-image img { display: block; width: 100%; height: 350px; object-fit: contain; }
.cz-preview:has(#sync1.owl-loaded .owl-item img) .kiryana-product-instant-image { display: none; }
@keyframes product-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@keyframes product-hero-image-enter { from { opacity: .75; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes product-hero-details-enter { from { opacity: .75; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) { .product-navigation-container { padding: 18px 16px; } .product-navigation-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; } .product-navigation-image { max-height: 320px; width: 100%; aspect-ratio: auto; height: 300px; } .product-navigation-information h1 { font-size: 23px; margin-bottom: 13px; } .product-navigation-price { font-size: 25px; } .product-navigation-status { margin-bottom: 16px; } .kiryana-product-instant-image img { height: 280px; } }
@media (prefers-reduced-motion: reduce) { .product-shimmer, .product-navigation-preview[open] .product-navigation-image, .product-navigation-preview[open] .product-navigation-information { animation: none; } }