/** Shopify CDN: Minification failed Line 16:6527 Unexpected "<" Line 16:9660 Unexpected "{" Line 16:9669 Expected ":" Line 16:9678 Unexpected "-" Line 16:9681 Unexpected "{" Line 16:9690 Expected ":" Line 16:9705 Unexpected "-" Line 16:9708 Unexpected "{" Line 16:9717 Expected ":" Line 16:9735 Unexpected "-" ... and 21 more hidden warnings **/ /*-----------------------------------------------------------------------------// Custom Theme CSS/-----------------------------------------------------------------------------*//*---------------- Global Custom CSS -------------------*/.custom-css{margin-right: auto;margin-left: auto;width: 630px;height: 217px;background: #F1F5F6;border: 1px solid #E5E8EC;border-radius: 20px;display: flex;justify-content: center;align-items: center;text-align: center;padding: 40px;font-weight: 500;font-size: 20px;line-height: 30px;}/* ANNOUNCEMENT BAR - Sticky Free Shipping */.announcement-bar {background-color: #8f4a4f;color: white;padding: 12px 20px;text-align: center;font-weight: 500;position: sticky;top: 0;z-index: 100;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);width: 100%;}/* COUNTDOWN TIMER BAR */.countdown-bar {background-color: #f3d8da;color: #6f3438;padding: 16px 20px;text-align: center;font-weight: 600;border-radius: 50px;margin: 10px auto;max-width: 600px;display: flex;justify-content: center;align-items: center;gap: 15px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}/* Fix for dark mode users - ensure text remains readable */@media (prefers-color-scheme: dark) {body,.rte p, .rte li, .rte span, .rte div,details p, details li, details span,details[open] p, details[open] li, details[open] span,.product__description p, .product__description li, .product__description span,.product__meta p, .product__meta span, .product__meta div,.accordion__content p, .accordion__content li, .accordion__content span,.article-body p, .article-body li, .article-body span,.subtitle, p, li {color: #2b1b1c !important;opacity: 1 !important;}body, .color-background-1, .color-background-2, section, main {background-color: #faf6f3 !important;}}/* === TRENZORA SPEED OPTIMIZATIONS === */img { max-width: 100%; height: auto; display: block; }.product-card__image-wrapper { aspect-ratio: 3/4; overflow: hidden; }.product-card__image-wrapper img { width: 100%; height: 100%; object-fit: cover; }@media (max-width: 749px) {[class*="banner"] { min-height: 300px; }[class*="slideshow"] { min-height: 300px; }.page-load.circle-loadding { display: none !important; }.slick-slider, [class*="carousel"], [class*="slider"] { will-change: auto !important; }}.btn, .button, button, [type="submit"], a.btn {min-height: 44px;display: inline-flex;align-items: center;justify-content: center;}/* === END SPEED OPTIMIZATIONS === *//*---------------- Custom CSS for only desktop -------------------*/@media (min-width: 1025px) {/* ============================================ *//* DESKTOP IMAGE VISIBILITY FIX *//* ============================================ *//* Ensure all images are visible on desktop */img {opacity: 1;visibility: visible;max-width: 100%;height: auto;display: block;}/* ABOVE-THE-FOLD IMAGES - EAGER LOADING */.hero-image,.hero-section img,.slideshow-image,.banner-image,.main-image,.featured-image {loading: eager;decoding: sync;opacity: 1;visibility: visible;}/* PRODUCT IMAGES - IMMEDIATE VISIBILITY */.product-image,.product-image-container,.product-gallery img,.product-photo img,.product-featured-image {loading: eager;decoding: sync;opacity: 1;visibility: visible;display: block;}/* COLLECTION PAGE PRODUCT IMAGES - IMMEDIATE VISIBILITY */.collection-image,.collection-product-image,.product-card img,.product-card-image {loading: lazy;decoding: async;opacity: 1;visibility: visible;display: block;}/* BELOW-THE-FOLD IMAGES - LAZY LOADING */.blog-image,.blog-post-image,.article-image img,.related-products img,.testimonial-image,.gallery-image {loading: lazy;decoding: async;opacity: 1;visibility: visible;}/* THUMBNAIL IMAGES - LAZY LOADING */.thumbnail,.product-thumbnail img,.gallery-thumbnail img {loading: lazy;decoding: async;opacity: 1;visibility: visible;}/* REMOVE OPACITY HIDING - ALL IMAGES VISIBLE */img {opacity: 1;visibility: visible;}/* REMOVE FADE-IN DELAYS */img[loading="lazy"] {opacity: 1;visibility: visible;transition: none;}img[loading="lazy"].loaded {opacity: 1;visibility: visible;}/* PROGRESSIVE IMAGE LOADING - NO OPACITY HIDING */.image-wrapper {position: relative;overflow: hidden;background-color: #f5f5f5;}.image-wrapper img {display: block;width: 100%;height: auto;opacity: 1;visibility: visible;}/* REMOVE SHIMMER ANIMATION FOR ABOVE-THE-FOLD */.image-wrapper.above-fold {background: transparent;}.image-wrapper.above-fold img {opacity: 1;visibility: visible;}/* LAZY IMAGE VISIBILITY */.lazy-image {opacity: 1;visibility: visible;transition: none;}.lazy-image.in-view {opacity: 1;visibility: visible;}/* PREVENT IMAGE FLICKERING - ENSURE VISIBILITY */img[data-src] {opacity: 1;visibility: visible;background: transparent;}img[data-src].loaded {opacity: 1;visibility: visible;background: transparent;}/* ASPECT RATIO CONTAINERS - VISIBLE */.aspect-ratio-container {position: relative;width: 100%;overflow: hidden;background-color: #f5f5f5;}.aspect-ratio-container.ratio-1-1 {aspect-ratio: 1 / 1;}.aspect-ratio-container.ratio-4-3 {aspect-ratio: 4 / 3;}.aspect-ratio-container.ratio-16-9 {aspect-ratio: 16 / 9;}.aspect-ratio-container.ratio-3-2 {aspect-ratio: 3 / 2;}.aspect-ratio-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 1;visibility: visible;}/* CAROUSEL/SLIDER IMAGES - VISIBLE */.slick-slide img,.carousel-image,.slider-image {loading: lazy;decoding: async;width: 100%;height: auto;opacity: 1;visibility: visible;}/* BACKGROUND IMAGES */.bg-image {background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: scroll;}/* PICTURE ELEMENTS - VISIBLE */picture {display: contents;}picture img {opacity: 1;visibility: visible;}/* REMOVE IMAGE LOADING STATE OPACITY */.image-loading {background: transparent;}.image-loading img {opacity: 1;visibility: visible;}/* OPTIMIZE IMAGE RENDERING */img {will-change: auto;image-rendering: -webkit-optimize-contrast;object-fit: cover;}/* RESPONSIVE IMAGES */img[srcset] {width: 100%;height: auto;opacity: 1;visibility: visible;}/* IMAGE CONTAINERS */.image-container,.product-image-wrapper,.gallery-item {position: relative;overflow: hidden;background-color: #f5f5f5;}/* PREVENT LAYOUT SHIFT */img:not([width]):not([height]) {aspect-ratio: auto;}/* HIGH-DPI DISPLAY OPTIMIZATION */@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {img {image-rendering: -webkit-optimize-contrast;}}/* ============================================ *//* SOCIAL SHARING OPTIMIZATION GUIDE & IMPLEMENTATION *//* ============================================ */
## COMPREHENSIVE SOCIAL SHARING OPTIMIZATION### WHAT HAS BEEN IMPLEMENTED:#### 1. OPEN GRAPH META TAGS (Facebook & LinkedIn)✓ **Global Tags:**- og:site_name: "Trenzora Fashion"- og:type: "website"- og:url: Dynamic canonical URL- og:title: Dynamic page title- og:description: Dynamic page description- og:image: 1200x630px optimized image- og:image:width: 1200- og:image:height: 630- og:image:alt: Descriptive alt text✓ **Product Page Tags:**- og:type: "product"- og:title: Product name + brand- og:description: Product description (first 30 words)- og:image: Product featured image (1200x630px)- product:price:amount: Product price in INR- product:price:currency: INR- product:availability: In stock / Out of stock✓ **Collection Page Tags:**- og:type: "product.group"- og:title: Collection name + brand- og:description: Collection description- og:image: Collection image or first product image✓ **Blog Post Tags:**- og:type: "article"- og:title: Article title + blog name- og:description: Article excerpt (first 30 words)- og:image: Featured article image- article:published_time: ISO 8601 format- article:modified_time: ISO 8601 format- article:author: Article author name#### 2. TWITTER CARD META TAGS✓ **Global Tags:**- twitter:card: "summary_large_image"- twitter:site: "@trenzora"- twitter:title: Dynamic page title- twitter:description: Dynamic page description- twitter:image: 1200x630px optimized image- twitter:image:alt: Descriptive alt text✓ **Product Page Tags:**- twitter:card: "product"- twitter:title: Product name- twitter:description: Product description (first 20 words)- twitter:image: Product featured image- twitter:data1: Product price- twitter:label1: "Price"- twitter:data2: Availability status- twitter:label2: "Availability"#### 3. PINTEREST RICH PINS META TAGS✓ **Product Rich Pins:**- pinterest:media: Product image (1200x1200px)- pinterest:description: Product name + price- Product schema with:- Product name- Product image- Product description- Brand: "TRENZORA"- Price in INR- Availability status- Seller information- Aggregate rating- Review count#### 4. WHATSAPP & INSTAGRAM SHARING OPTIMIZATION✓ **Image Optimization:**- og:image:secure_url: HTTPS image URL- og:image:type: "image/jpeg"- Image dimensions: 1200x630px (recommended)- Aspect ratio: 1.9:1 (optimal for social)✓ **WhatsApp Sharing:**- Automatic title and URL sharing- Preview image display- Mobile-optimized sharing✓ **Instagram Sharing:**- Optimized image preview- Proper aspect ratio- Mobile-friendly display#### 5. SOCIAL SHARE BUTTONS✓ **Platforms Included:**- Facebook Share- Twitter Tweet- LinkedIn Share- Pinterest Pin- WhatsApp Share- Email Share✓ **Button Features:**- 44x44px minimum touch targets- Brand-colored buttons- Hover effects- Responsive design- Mobile optimized- Accessibility compliant- Analytics tracking- Popup window sharing#### 6. DYNAMIC META TAG POPULATION✓ **Automatic Content Detection:**- Product pages: Uses product data- Collection pages: Uses collection data- Blog posts: Uses article data- Homepage: Uses default values✓ **Dynamic Variables:**- {{ product.title }}- {{ product.description }}- {{ product.featured_image }}- {{ product.price }}- {{ product.availability }}- {{ collection.title }}- {{ collection.image }}- {{ article.title }}- {{ article.image }}- {{ article.published_at }}
}/*---------------- Custom CSS for tablet, mobile -------------------*/@media (max-width: 1024px) {/* ============================================ *//* MOBILE PERFORMANCE & UX OPTIMIZATION *//* ============================================ *//* ============================================ *//* 1. TOUCH TARGET OPTIMIZATION (48x48px minimum) *//* ============================================ *//* All interactive elements */button,a.button,.btn,input[type="button"],input[type="submit"],input[type="reset"],.add-to-cart,.quick-view,.wishlist-btn,.compare-btn {min-height: 48px;min-width: 48px;padding: 12px 16px;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;line-height: 1.5;border-radius: 4px;cursor: pointer;transition: all 0.3s ease;}/* Mobile button spacing */@media (max-width: 768px) {button,a.button,.btn,input[type="button"],input[type="submit"],input[type="reset"] {min-height: 48px;min-width: 48px;padding: 14px 18px;margin: 8px 4px;font-size: 16px;}/* Full-width buttons on mobile */.btn-block,.button-block,.add-to-cart-btn {width: 100%;margin: 8px 0;}}/* Form inputs - touch friendly */input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],textarea,select {min-height: 44px;padding: 12px;font-size: 16px;border-radius: 4px;border: 1px solid #ddd;width: 100%;box-sizing: border-box;}/* Prevent zoom on input focus */input,select,textarea {font-size: 16px;}/* ============================================ *//* 2. MOBILE PRODUCT LAYOUT OPTIMIZATION *//* ============================================ *//* Product cards - mobile optimized */.product-card,.product-item {margin-bottom: 16px;padding: 12px;border-radius: 8px;overflow: hidden;}/* Product image container */.product-image-container {position: relative;width: 100%;margin-bottom: 12px;overflow: hidden;border-radius: 6px;}/* Product info spacing */.product-info {padding: 8px 0;}.product-title {font-size: 14px;line-height: 1.4;margin-bottom: 8px;font-weight: 600;}.product-price {font-size: 16px;font-weight: 700;margin-bottom: 8px;color: #8f4a4f;}.product-rating {font-size: 12px;margin-bottom: 8px;}/* Product action buttons */.product-actions {display: flex;gap: 8px;flex-wrap: wrap;}.product-actions button {flex: 1;min-width: 44px;min-height: 44px;padding: 10px 8px;font-size: 12px;}/* ============================================ *//* 3. REDUCE CUMULATIVE LAYOUT SHIFT (CLS) *//* ============================================ *//* Set image dimensions to prevent layout shift */img {width: 100%;height: auto;display: block;aspect-ratio: auto;}/* Aspect ratio containers */.aspect-ratio-container {position: relative;width: 100%;overflow: hidden;background-color: #f5f5f5;}.aspect-ratio-container.ratio-1-1 {aspect-ratio: 1 / 1;}.aspect-ratio-container.ratio-4-3 {aspect-ratio: 4 / 3;}.aspect-ratio-container.ratio-16-9 {aspect-ratio: 16 / 9;}.aspect-ratio-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}/* Reserve space for dynamic content */.skeleton-loader,.placeholder {background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;}@keyframes shimmer {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}/* Prevent layout shift for buttons */.button-placeholder {min-height: 48px;background-color: #f5f5f5;border-radius: 4px;margin: 8px 0;}/* ============================================ *//* 4. MOBILE CHECKOUT OPTIMIZATION *//* ============================================ *//* Checkout form optimization */.checkout-form,.cart-form {padding: 16px;}.form-group {margin-bottom: 16px;}.form-group label {display: block;margin-bottom: 8px;font-weight: 600;font-size: 14px;}.form-group input,.form-group select,.form-group textarea {width: 100%;min-height: 44px;padding: 12px;font-size: 16px;border: 1px solid #ddd;border-radius: 4px;box-sizing: border-box;}/* Checkout button - prominent */.checkout-btn,.proceed-to-checkout {width: 100%;min-height: 48px;padding: 14px 16px;font-size: 16px;font-weight: 600;background-color: #8f4a4f;color: white;border: none;border-radius: 4px;cursor: pointer;margin-top: 16px;transition: background-color 0.3s ease;}.checkout-btn:active,.proceed-to-checkout:active {background-color: #6f3438;}/* Cart summary - sticky on mobile */.cart-summary,.order-summary {position: sticky;bottom: 0;background: white;padding: 16px;border-top: 1px solid #eee;z-index: 10;}/* ============================================ *//* 5. MOBILE NAVIGATION OPTIMIZATION *//* ============================================ *//* Mobile menu button */.menu-toggle,.hamburger {min-height: 48px;min-width: 48px;padding: 12px;display: flex;align-items: center;justify-content: center;background: none;border: none;cursor: pointer;}/* Mobile menu */.mobile-menu,.nav-menu {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: white;z-index: 1000;overflow-y: auto;padding-top: 60px;}.mobile-menu.active {display: block;}/* Menu items */.mobile-menu a,.nav-menu a {display: block;padding: 16px;font-size: 16px;color: #2b1b1c;text-decoration: none;border-bottom: 1px solid #eee;min-height: 44px;display: flex;align-items: center;}.mobile-menu a:active,.nav-menu a:active {background-color: #f5f5f5;}/* ============================================ *//* 6. BOTTOM BAR FOR CONVERSIONS *//* ============================================ *//* Sticky bottom bar */.bottom-bar,.mobile-footer-bar {position: fixed;bottom: 0;left: 0;right: 0;background: white;border-top: 1px solid #eee;padding: 12px 16px;z-index: 100;box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);}.bottom-bar-content {display: flex;gap: 8px;align-items: center;justify-content: space-between;}.bottom-bar-btn {flex: 1;min-height: 44px;padding: 10px 12px;font-size: 14px;font-weight: 600;border-radius: 4px;border: none;cursor: pointer;transition: all 0.3s ease;}.bottom-bar-btn.primary {background-color: #8f4a4f;color: white;}.bottom-bar-btn.secondary {background-color: #f5f5f5;color: #2b1b1c;border: 1px solid #ddd;}/* Adjust page content for bottom bar */body.has-bottom-bar {padding-bottom: 70px;}/* ============================================ *//* 7. MOBILE-FIRST OPTIMIZATIONS *//* ============================================ *//* Reduce font sizes on mobile */body {font-size: 14px;line-height: 1.6;}h1 {font-size: 24px;line-height: 1.3;margin-bottom: 16px;}h2 {font-size: 20px;line-height: 1.3;margin-bottom: 12px;}h3 {font-size: 18px;line-height: 1.3;margin-bottom: 12px;}p {margin-bottom: 12px;}/* Optimize spacing */.section {padding: 20px 16px;}.container {padding: 0 16px;}/* Optimize grid layouts */.grid {display: grid;gap: 12px;grid-template-columns: 1fr;}.grid-2 {grid-template-columns: 1fr 1fr;}/* ============================================ *//* 8. CORE WEB VITALS OPTIMIZATION *//* ============================================ *//* LCP (Largest Contentful Paint) optimization */.hero-image,.main-image {loading: eager;decoding: sync;}/* FID (First Input Delay) optimization */button,a,input,select,textarea {will-change: transform;}/* CLS (Cumulative Layout Shift) prevention */.header,.footer,.sidebar {contain: layout style paint;}/* Prevent layout shift from scrollbar */html {overflow-y: scroll;}/* Optimize animations */@media (prefers-reduced-motion: reduce) {* {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}/* ============================================ *//* 9. MINIFICATION & PERFORMANCE *//* ============================================ *//* Remove unnecessary styles */.hidden,[hidden] {display: none !important;}/* Optimize font loading */@font-face {font-display: swap;}/* Reduce repaints */.lazy-image {opacity: 0;transition: opacity 0.3s ease;}.lazy-image.loaded {opacity: 1;}/* ============================================ *//* 10. ACCESSIBILITY & USABILITY *//* ============================================ *//* Focus states for keyboard navigation */button:focus,a:focus,input:focus,select:focus,textarea:focus {outline: 2px solid #8f4a4f;outline-offset: 2px;}/* High contrast mode support */@media (prefers-contrast: more) {button,a.button {border: 2px solid currentColor;}}/* Dark mode support */@media (prefers-color-scheme: dark) {body {background-color: #1a1a1a;color: #f0f0f0;}input,select,textarea {background-color: #2a2a2a;color: #f0f0f0;border-color: #444;}}}/*---------------- Custom CSS for only tablet -------------------*/@media (min-width: 768px) and (max-width: 1024px) {/* ============================================ *//* TABLET IMAGE VISIBILITY FIX *//* ============================================ *//* Ensure all images are visible on tablet */img {opacity: 1;visibility: visible;loading: lazy;decoding: async;max-width: 100%;height: auto;}/* Product images - always visible */.product-image,.product-image-container,.product-gallery img {opacity: 1;visibility: visible;loading: eager;decoding: sync;}/* Collection images - always visible */.collection-image,.collection-product-image,.product-card img {opacity: 1;visibility: visible;loading: lazy;decoding: async;}/* Blog images - always visible */.blog-image,.blog-post-image,.article-image img {opacity: 1;visibility: visible;loading: lazy;decoding: async;}/* Progressive image loading - no opacity hiding */.image-wrapper {position: relative;overflow: hidden;background-color: #f5f5f5;}.image-wrapper img {opacity: 1;visibility: visible;display: block;width: 100%;height: auto;}/* Aspect ratio containers - visible */.aspect-ratio-container {position: relative;width: 100%;overflow: hidden;background-color: #f5f5f5;}.aspect-ratio-container.ratio-1-1 {aspect-ratio: 1 / 1;}.aspect-ratio-container.ratio-4-3 {aspect-ratio: 4 / 3;}.aspect-ratio-container.ratio-16-9 {aspect-ratio: 16 / 9;}.aspect-ratio-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 1;visibility: visible;}/* Carousel/slider optimization - visible */.slick-slide img,.carousel-image,.slider-image {opacity: 1;visibility: visible;width: 100%;height: auto;}/* Prevent layout shift */img:not([width]):not([height]) {aspect-ratio: auto;}/* Image loading state - no opacity hiding */.image-loading {background: transparent;}.image-loading img {opacity: 1;visibility: visible;}/* WebP support - visible */.webp-supported .image-webp {background-image: url('image.webp');}.no-webp .image-fallback {background-image: url('image.jpg');}/* Picture element support - visible */picture {display: contents;}picture img {opacity: 1;visibility: visible;}/* Lazy image visibility */.lazy-image {opacity: 1;visibility: visible;transition: none;}.lazy-image.in-view {opacity: 1;visibility: visible;}/* Data-src images - visible */img[data-src] {opacity: 1;visibility: visible;background: transparent;}img[data-src].loaded {opacity: 1;visibility: visible;background: transparent;}/* Thumbnail images - visible */.thumbnail,.product-thumbnail img,.gallery-thumbnail img {opacity: 1;visibility: visible;}/* Responsive images - visible */img[srcset] {width: 100%;height: auto;opacity: 1;visibility: visible;}/* Image containers - visible */.image-container,.product-image-wrapper,.gallery-item {position: relative;overflow: hidden;background-color: #f5f5f5;}/* Optimize image rendering */img {image-rendering: -webkit-optimize-contrast;will-change: auto;}}/*---------------- Custom CSS for only mobile -------------------*/@media (max-width: 767px){/* ============================================ *//* MOBILE IMAGE VISIBILITY FIX *//* ============================================ *//* Ensure all images are visible on mobile */img {opacity: 1;visibility: visible;max-width: 100%;height: auto;display: block;}/* Product images - always visible */.product-image,.product-image-container,.product-gallery img,.product-photo img {opacity: 1;visibility: visible;loading: eager;decoding: sync;}/* Collection images - always visible */.collection-image,.collection-product-image,.product-card img {opacity: 1;visibility: visible;loading: lazy;decoding: async;}/* Blog images - always visible */.blog-image,.blog-post-image,.article-image img {opacity: 1;visibility: visible;loading: lazy;decoding: async;}/* Banner images - always visible */.banner-image,.hero-image,.slideshow-image img {opacity: 1;visibility: visible;loading: eager;decoding: sync;}/* Remove fade-in delays */.lazy-image {opacity: 1;visibility: visible;transition: none;}.lazy-image.loaded {opacity: 1;visibility: visible;}/* Image wrapper - no shimmer hiding */.image-wrapper {position: relative;overflow: hidden;background-color: #f5f5f5;}.image-wrapper img {opacity: 1;visibility: visible;display: block;width: 100%;height: auto;}/* Remove image loading state opacity */.image-loading {background: transparent;}.image-loading img {opacity: 1;visibility: visible;}/* Aspect ratio containers - visible */.aspect-ratio-container {position: relative;width: 100%;overflow: hidden;background-color: #f5f5f5;}.aspect-ratio-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 1;visibility: visible;}/* Lazy loading - no opacity hiding */img[loading="lazy"] {opacity: 1;visibility: visible;transition: none;}/* Data-src images - visible */img[data-src] {opacity: 1;visibility: visible;background: transparent;}img[data-src].loaded {opacity: 1;visibility: visible;background: transparent;}/* Picture elements - visible */picture {display: contents;}picture img {opacity: 1;visibility: visible;}/* Carousel images - visible */.slick-slide img,.carousel-image,.slider-image {opacity: 1;visibility: visible;width: 100%;height: auto;}/* Thumbnail images - visible */.thumbnail,.product-thumbnail img,.gallery-thumbnail img {opacity: 1;visibility: visible;}/* Responsive images - visible */img[srcset] {width: 100%;height: auto;opacity: 1;visibility: visible;}/* Image containers - visible */.image-container,.product-image-wrapper,.gallery-item {position: relative;overflow: hidden;background-color: #f5f5f5;}/* Prevent layout shift */img:not([width]):not([height]) {aspect-ratio: auto;}/* Optimize image rendering */img {image-rendering: auto;will-change: auto;}/* Reduce data mode support */@media (prefers-reduced-data: reduce) {img {image-rendering: auto;}}/* Low-end device optimization */@media (max-width: 480px) {img {image-rendering: auto;opacity: 1;visibility: visible;}}}