{"id":128,"date":"2025-07-10T18:28:52","date_gmt":"2025-07-10T18:28:52","guid":{"rendered":"https:\/\/shopieee.online\/?page_id=128"},"modified":"2025-07-10T18:28:52","modified_gmt":"2025-07-10T18:28:52","slug":"wall-convector-croatia","status":"publish","type":"page","link":"https:\/\/clicknchip.online\/?page_id=128","title":{"rendered":"wall convector-CROATIA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Va\u0161a Osobna Udobnost, 365 Dana u Godini - STARLYF THERMO AIR\u00ae<\/title>\r\n <style>\r\n \/* EDGE-TO-EDGE HERO SECTION - Completely isolated from other sections *\/\r\n .hero-edge-to-edge-isolated-croatian {\r\n \/* Critical: Complete isolation *\/\r\n contain: layout style paint !important;\r\n isolation: isolate !important;\r\n \r\n \/* Edge-to-edge styling *\/\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n \r\n \/* Base styles *\/\r\n background: #ffffff !important;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n \/* Ensure no global interference *\/\r\n .hero-edge-to-edge-isolated-croatian * {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-container {\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0px 20px 40px 20px !important;\r\n position: relative !important;\r\n width: 100% !important;\r\n }\r\n\r\n \/* Brand Header - Edge to edge within section *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-brand-header {\r\n text-align: center !important;\r\n margin-bottom: 0px !important;\r\n padding: 15px 20px !important;\r\n background: #f8f9fa !important;\r\n color: #333 !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n overflow: hidden !important;\r\n position: relative !important;\r\n width: 100vw !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n font-size: 20px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-brand-name {\r\n font-size: 20px !important;\r\n font-weight: 400 !important;\r\n color: #333 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n text-shadow: none !important;\r\n animation: none !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-stars {\r\n color: #2196F3 !important;\r\n font-weight: 600 !important;\r\n margin-left: 0px !important;\r\n }\r\n\r\n \/* Main Offer Banner - Edge to edge *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-banner {\r\n font-size: 54px !important;\r\n font-weight: 900 !important;\r\n background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%) !important;\r\n color: white !important;\r\n padding: 60px 35px !important;\r\n margin: 0 0 25px 0 !important;\r\n text-align: center !important;\r\n border-radius: 0 !important;\r\n line-height: 1.2 !important;\r\n box-shadow: none !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-subtitle {\r\n font-size: 30px !important;\r\n font-weight: 400 !important;\r\n margin-top: 20px !important;\r\n opacity: 0.9 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n \/* Main Headline *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-headline {\r\n text-align: center !important;\r\n margin: 30px 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-main-title {\r\n font-size: 28px !important;\r\n font-weight: 700 !important;\r\n color: #2c3e50 !important;\r\n line-height: 1.4 !important;\r\n margin: 20px 0 !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n }\r\n\r\n \/* Body Text *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-body {\r\n text-align: center !important;\r\n margin: 25px 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-description {\r\n font-size: 28px !important;\r\n color: #666 !important;\r\n line-height: 1.5 !important;\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* Product Image Section *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-media-section {\r\n text-align: center !important;\r\n margin: 40px 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* New Layout: Image + Features Side by Side *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-content-layout {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 40px !important;\r\n max-width: 1200px !important;\r\n margin: 40px auto !important;\r\n align-items: start !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .product-image-container {\r\n position: relative !important;\r\n width: 100% !important;\r\n max-width: 500px !important;\r\n aspect-ratio: 1 \/ 1 !important;\r\n overflow: hidden !important;\r\n border-radius: 15px !important;\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important;\r\n margin: 0 auto !important;\r\n background: #f5f5f5 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .product-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: contain !important;\r\n border-radius: 15px !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .product-image:hover {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .discount-badge {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #dc3545 !important;\r\n color: white !important;\r\n font-size: 2.4rem !important;\r\n font-weight: 900 !important;\r\n padding: 15px 20px !important;\r\n border-radius: 15px !important;\r\n transform: rotate(15deg) !important;\r\n box-shadow: 0 10px 20px rgba(220, 53, 69, 0.3) !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* Features List (Right Side) *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-features-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 20px !important;\r\n padding: 20px 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item-inline {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 15px !important;\r\n padding: 0 !important;\r\n background: transparent !important;\r\n border: none !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item-inline:hover {\r\n transform: translateX(5px) !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-check {\r\n width: 35px !important;\r\n height: 35px !important;\r\n background: #2196F3 !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n color: white !important;\r\n font-size: 20px !important;\r\n font-weight: bold !important;\r\n flex-shrink: 0 !important;\r\n margin-top: 2px !important;\r\n box-shadow: 0 2px 8px rgba(33, 150, 243, 0.3) !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-text-inline {\r\n font-size: 22px !important;\r\n color: #333 !important;\r\n line-height: 1.5 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-text-inline strong {\r\n color: #2196F3 !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n \/* Remove old features section *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-features-section {\r\n display: none !important;\r\n }\r\n\r\n \/* Features Section - Edge to edge *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-features-section {\r\n margin: 50px 0 !important;\r\n padding: 40px 20px !important;\r\n background: #f8f9fa !important;\r\n border-radius: 0 !important;\r\n position: relative !important;\r\n width: 100vw !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-features-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 20px !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 20px !important;\r\n padding: 25px !important;\r\n background: white !important;\r\n border: 1px solid #e9ecef !important;\r\n border-radius: 12px !important;\r\n margin: 0 !important;\r\n transition: all 0.3s ease !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 30px rgba(33, 150, 243, 0.1) !important;\r\n background: #fafbfc !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-icon {\r\n font-size: 3.1rem !important;\r\n flex-shrink: 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 70px !important;\r\n height: 70px !important;\r\n border-radius: 50% !important;\r\n background: linear-gradient(135deg, #e3f2fd, #f8f9fa) !important;\r\n transition: all 0.4s ease !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item:hover .hero-feature-icon {\r\n transform: scale(1.1) !important;\r\n background: linear-gradient(135deg, #2196F3, #1976D2) !important;\r\n box-shadow: 0 10px 20px rgba(33, 150, 243, 0.3) !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-content {\r\n flex: 1 !important;\r\n text-align: left !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-title {\r\n font-size: 1.9rem !important;\r\n font-weight: 700 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 10px !important;\r\n line-height: 1.3 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item:hover .hero-feature-title {\r\n color: #1976D2 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-description {\r\n font-size: 1.6rem !important;\r\n color: #6b7280 !important;\r\n line-height: 1.6 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-item:hover .hero-feature-description {\r\n color: #4b5563 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-highlight {\r\n color: #2196F3 !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n \/* Stock Status *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-stock-section {\r\n text-align: center !important;\r\n margin: 40px 0 !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-stock-indicator {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-stock-dot {\r\n width: 14px !important;\r\n height: 14px !important;\r\n background: #28a745 !important;\r\n border-radius: 50% !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-stock-text {\r\n font-size: 30px !important;\r\n font-weight: 600 !important;\r\n color: #2c3e50 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-remaining-pieces {\r\n font-size: 26px !important;\r\n color: #666 !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-text {\r\n color: #dc3545 !important;\r\n font-size: 28px !important;\r\n font-weight: bold !important;\r\n text-align: center !important;\r\n margin: 20px 0 !important;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-cta-section {\r\n background: linear-gradient(135deg, #e8f4fd 0%, #f0f8ff 100%) !important;\r\n border: none !important;\r\n border-radius: 20px !important;\r\n padding: 40px 30px !important;\r\n text-align: center !important;\r\n margin: 50px 0 !important;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;\r\n position: relative !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-urgency-badge {\r\n background: #dc3545 !important;\r\n color: white !important;\r\n padding: 12px 25px !important;\r\n border-radius: 30px !important;\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n margin: 0 0 20px 0 !important;\r\n display: inline-block !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-title {\r\n font-size: 42px !important;\r\n font-weight: 700 !important;\r\n color: #2c3e50 !important;\r\n margin: 0 0 20px 0 !important;\r\n padding: 0 !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-pricing {\r\n margin: 30px 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-price-original {\r\n font-size: 24px !important;\r\n color: #999 !important;\r\n text-decoration: line-through !important;\r\n margin: 0 0 5px 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-price-current {\r\n font-size: 58px !important;\r\n font-weight: 900 !important;\r\n color: #28a745 !important;\r\n margin: 10px 0 !important;\r\n padding: 0 !important;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1) !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-savings-text {\r\n font-size: 26px !important;\r\n color: #dc3545 !important;\r\n font-weight: 600 !important;\r\n margin: 10px 0 30px 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-cta-button {\r\n background: linear-gradient(135deg, #28a745, #20c997) !important;\r\n color: white !important;\r\n font-size: 24px !important;\r\n font-weight: 800 !important;\r\n padding: 18px 50px !important;\r\n border: none !important;\r\n border-radius: 50px !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n display: inline-block !important;\r\n margin: 20px 0 30px 0 !important;\r\n transition: all 0.3s ease !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n box-shadow: 0 10px 30px rgba(40, 167, 69, 0.3) !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-cta-button:hover {\r\n transform: translateY(-3px) scale(1.05) !important;\r\n box-shadow: 0 15px 40px rgba(40, 167, 69, 0.4) !important;\r\n text-decoration: none !important;\r\n color: white !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-benefits {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 40px !important;\r\n margin: 20px 0 0 0 !important;\r\n padding: 0 !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-benefit-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n font-size: 22px !important;\r\n color: #2c3e50 !important;\r\n font-weight: 600 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-benefit-icon {\r\n font-size: 24px !important;\r\n }\r\n\r\n \/* MOBILE STYLES - Edge to Edge *\/\r\n @media screen and (max-width: 768px) {\r\n .hero-edge-to-edge-isolated-croatian {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-container {\r\n padding: 20px 15px !important;\r\n margin: 0 auto !important;\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-banner {\r\n font-size: 32px !important;\r\n padding: 35px 20px !important;\r\n margin: 0 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n \/* Mobile: Stack layout vertically *\/\r\n .hero-edge-to-edge-isolated-croatian .hero-content-layout {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n margin: 30px auto !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-main-title {\r\n font-size: 26px !important;\r\n margin: 15px 0 !important;\r\n text-align: center !important;\r\n padding: 0 10px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-description {\r\n font-size: 24px !important;\r\n padding: 0 10px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .product-image-container {\r\n max-width: 100% !important;\r\n aspect-ratio: 1 \/ 1 !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .discount-badge {\r\n font-size: 1.9rem !important;\r\n padding: 10px 15px !important;\r\n top: 15px !important;\r\n right: 15px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-text-inline {\r\n font-size: 24px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-stock-text {\r\n font-size: 26px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-remaining-pieces {\r\n font-size: 24px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-text {\r\n font-size: 24px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-cta-section {\r\n padding: 25px 20px !important;\r\n border-radius: 12px !important;\r\n margin: 30px 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-title {\r\n font-size: 32px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-price-current {\r\n font-size: 49px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-cta-button {\r\n font-size: 22px !important;\r\n padding: 16px 40px !important;\r\n width: 100% !important;\r\n max-width: 350px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-benefits {\r\n gap: 20px !important;\r\n margin: 15px 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-benefit-item {\r\n font-size: 20px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .hero-edge-to-edge-isolated-croatian {\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-container {\r\n padding: 15px 10px !important;\r\n margin: 0 auto !important;\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-banner {\r\n font-size: 28px !important;\r\n padding: 25px 15px !important;\r\n margin: 0 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-content-layout {\r\n grid-template-columns: 1fr !important;\r\n gap: 25px !important;\r\n margin: 25px auto !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-main-title {\r\n font-size: 24px !important;\r\n padding: 0 5px !important;\r\n text-align: center !important;\r\n margin: 10px 0 !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-description {\r\n font-size: 22px !important;\r\n padding: 0 5px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-feature-text-inline {\r\n font-size: 22px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-offer-title {\r\n font-size: 28px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-price-current {\r\n font-size: 45px !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .hero-cta-button {\r\n padding: 14px 30px !important;\r\n max-width: 100% !important;\r\n width: 95% !important;\r\n }\r\n\r\n .hero-edge-to-edge-isolated-croatian .discount-badge {\r\n font-size: 1.6rem !important;\r\n padding: 8px 12px !important;\r\n }\r\n }\r\n\r\n \/* CRITICAL: Prevent interference with other Elementor sections *\/\r\n .hero-edge-to-edge-isolated-croatian ~ *,\r\n .hero-edge-to-edge-isolated-croatian + * {\r\n position: relative !important;\r\n z-index: auto !important;\r\n width: auto !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n left: auto !important;\r\n right: auto !important;\r\n transform: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"hero-edge-to-edge-isolated-croatian\">\r\n <div class=\"hero-container\">\r\n \r\n <!-- Special Offer Banner - Edge to Edge -->\r\n <div class=\"hero-offer-banner\">\r\n Va\u0161a Osobna Udobnost, 365 Dana u Godini\r\n <div class=\"hero-offer-subtitle\">Savr\u0161eno za svaku godi\u0161nju sezonu<\/div>\r\n <\/div>\r\n\r\n <!-- Main Headline -->\r\n <div class=\"hero-headline\">\r\n <h2 class=\"hero-main-title\">Od ledeno hladnih zima do svje\u017eih ljetnih jutara, ovaj elegantni konvektor osigurava savr\u0161enu temperaturu u svakom trenutku.<\/h2>\r\n <\/div>\r\n\r\n <!-- New Layout: Product Image + Features Side by Side -->\r\n <div class=\"hero-content-layout\">\r\n <!-- Product Image Section (Left Side) -->\r\n <div class=\"hero-media-section\">\r\n <div class=\"product-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/9-1.png\" alt=\"Konvektor instaliran u dnevnom boravku\" class=\"product-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Features List (Right Side) -->\r\n <div class=\"hero-features-list\">\r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83d\udcb0<\/div>\r\n <div class=\"hero-feature-text-inline\"><strong>Smanjuje ra\u010dun za struju<\/strong> do 70%<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"hero-feature-text-inline\"><strong>Pru\u017ea hla\u0111enje ljeti<\/strong> i ugodnu toplinu zimi<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83d\udd07<\/div>\r\n <div class=\"hero-feature-text-inline\">Vrlo je <strong>tih<\/strong>, savr\u0161en za mirno spavanje<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83d\udcf1<\/div>\r\n <div class=\"hero-feature-text-inline\"><strong>Lako se kontrolira<\/strong> jednostavnim daljinskim upravlja\u010dem s velikim tipkama<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83d\udda5\ufe0f<\/div>\r\n <div class=\"hero-feature-text-inline\"><strong>Dodirni zaslon<\/strong> za jednostavno pode\u0161avanje temperature i na\u010dina rada<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83c\udf3f<\/div>\r\n <div class=\"hero-feature-text-inline\"><strong>Ugra\u0111eni filter<\/strong> vam pru\u017ea \u010di\u0161\u0107i zrak u domu<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-feature-item-inline\">\r\n <div class=\"hero-feature-check\">\ud83d\udd27<\/div>\r\n <div class=\"hero-feature-text-inline\"><strong>Brzo ga montirate na zid<\/strong>, bez pomo\u0107i majstora<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Stock Status -->\r\n <div class=\"hero-stock-section\">\r\n <div class=\"hero-stock-indicator\">\r\n <div class=\"hero-stock-dot\"><\/div>\r\n <div class=\"hero-stock-text\">Dostupnost: Na zalihama<\/div>\r\n <\/div>\r\n <div class=\"hero-remaining-pieces\">Ograni\u010dene zalihe dostupne<\/div>\r\n <div class=\"hero-offer-text\">\r\n Iskoristite sada na\u0161u posebnu ponudu s 60% popustom!\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA Section -->\r\n <div class=\"hero-cta-section\">\r\n <div class=\"hero-urgency-badge\">POPUST 60%<\/div>\r\n \r\n <h3 class=\"hero-offer-title\">Ljetna Ponuda: Pripremite se na vrijeme i u\u0161tedjajte!<\/h3>\r\n \r\n <div class=\"hero-pricing\">\r\n <div class=\"hero-price-original\">Originalna Cijena: 170 \u20ac<\/div>\r\n <div class=\"hero-price-current\">69 \u20ac<\/div>\r\n <div class=\"hero-savings-text\">U\u0161tedjevate 101 \u20ac!<\/div>\r\n <\/div>\r\n \r\n <a href=\"#ordernow\" class=\"hero-cta-button\">NARU\u010cITE SADA I U\u017dIVAJTE U UDOBNOSTI<\/a>\r\n \r\n <div class=\"hero-benefits\">\r\n <div class=\"hero-benefit-item\">\r\n <span class=\"hero-benefit-icon\">\ud83d\ude9a<\/span>\r\n <span>Besplatna Dostava<\/span>\r\n <\/div>\r\n <div class=\"hero-benefit-item\">\r\n <span class=\"hero-benefit-icon\">\ud83d\udee1\ufe0f<\/span>\r\n <span>Jamstvo 2 Godine<\/span>\r\n <\/div>\r\n <div class=\"hero-benefit-item\">\r\n <span class=\"hero-benefit-icon\">\ud83d\udcb0<\/span>\r\n <span>Pla\u0107anje pri Dostavi<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ COMPLETELY ISOLATED JavaScript - only affects this hero section\r\n const heroSection = document.querySelector('.hero-edge-to-edge-isolated-croatian');\r\n if (!heroSection) return;\r\n\r\n \/\/ Add click tracking for CTA button\r\n const ctaButton = heroSection.querySelector('.hero-cta-button');\r\n if (ctaButton) {\r\n ctaButton.addEventListener('click', function() {\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = 'scale(1)';\r\n }, 100);\r\n });\r\n }\r\n\r\n \/\/ Add hover effects to feature items\r\n const features = heroSection.querySelectorAll('.hero-feature-item');\r\n features.forEach(feature => {\r\n feature.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-2px)';\r\n });\r\n feature.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0)';\r\n });\r\n });\r\n\r\n \/\/ Product image hover effect\r\n const productImage = heroSection.querySelector('.product-image');\r\n if (productImage) {\r\n productImage.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.02) rotate(1deg)';\r\n });\r\n \r\n productImage.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n }\r\n\r\n \/\/ Add ripple effect to CTA button\r\n if (ctaButton) {\r\n ctaButton.addEventListener('click', function(e) {\r\n const ripple = document.createElement('span');\r\n const rect = this.getBoundingClientRect();\r\n const size = Math.max(rect.width, rect.height);\r\n const x = e.clientX - rect.left - size \/ 2;\r\n const y = e.clientY - rect.top - size \/ 2;\r\n \r\n ripple.style.cssText = `\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.6);\r\n width: ${size}px;\r\n height: ${size}px;\r\n left: ${x}px;\r\n top: ${y}px;\r\n transform: scale(0);\r\n animation: ripple 0.6s ease-out;\r\n pointer-events: none;\r\n `;\r\n \r\n this.style.position = 'relative';\r\n this.style.overflow = 'hidden';\r\n this.appendChild(ripple);\r\n \r\n setTimeout(() => {\r\n ripple.remove();\r\n }, 600);\r\n });\r\n }\r\n\r\n \/\/ Add ripple animation keyframes\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes ripple {\r\n to {\r\n transform: scale(2);\r\n opacity: 0;\r\n }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n\r\n console.log('Edge-to-edge Hero section loaded - isolated and safe');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12e7ec6 e-con-full e-flex e-con e-parent\" data-id=\"12e7ec6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc1988b elementor-widget elementor-widget-html\" data-id=\"bc1988b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Udobnost u Svakoj Sezoni<\/title>\r\n <style>\r\n \/* Isolated styles wrapper to prevent conflicts *\/\r\n .comfort-season-wrapper {\r\n all: initial !important;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n }\r\n\r\n .comfort-season-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* Comfort in Any Season Section *\/\r\n .comfort-season-wrapper .comfort-season-section {\r\n padding: 40px 0 !important;\r\n text-align: center !important;\r\n background: white !important;\r\n margin: 0 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-title {\r\n font-size: 42px !important;\r\n font-weight: 800 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 40px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 0 !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card {\r\n background: #f8f9fa !important;\r\n padding: 35px 30px !important;\r\n border: 2px solid #e9ecef !important;\r\n border-right: 0 !important;\r\n border-bottom: 0 !important;\r\n margin: 0 !important;\r\n transition: all 0.3s ease !important;\r\n text-align: left !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:nth-child(2) {\r\n border-right: 2px solid #e9ecef !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:nth-child(n+1) {\r\n border-bottom: 2px solid #e9ecef !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(33, 150, 243, 0.05), transparent) !important;\r\n transition: left 0.6s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.12) !important;\r\n background: #fafbfc !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:active {\r\n transform: translateY(-2px) scale(0.99) !important;\r\n transition: all 0.1s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .winter-card:hover {\r\n background: linear-gradient(135deg, #e3f2fd, #f0f8ff) !important;\r\n border-color: #2196F3 !important;\r\n box-shadow: 0 15px 40px rgba(33, 150, 243, 0.2) !important;\r\n }\r\n\r\n .comfort-season-wrapper .summer-card:hover {\r\n background: linear-gradient(135deg, #fff3e0, #ffeaa7) !important;\r\n border-color: #ff9800 !important;\r\n box-shadow: 0 15px 40px rgba(255, 152, 0, 0.2) !important;\r\n }\r\n\r\n \/* Image Container - Under Heading *\/\r\n .comfort-season-wrapper .comfort-main-image-container {\r\n width: 100% !important;\r\n max-width: 900px !important;\r\n height: 550px !important;\r\n margin: 0 auto 40px auto !important;\r\n border-radius: 15px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important;\r\n transition: all 0.3s ease !important;\r\n background: #f5f5f5 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 30px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-main-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: contain !important;\r\n border-radius: 10px !important;\r\n transition: transform 0.3s ease !important;\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-main-image-container:hover {\r\n transform: scale(1.02) !important;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-main-image-container:hover .comfort-main-image {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-icon {\r\n font-size: 56px !important;\r\n margin-bottom: 20px !important;\r\n display: block !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-icon::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n background: rgba(33, 150, 243, 0.2) !important;\r\n border-radius: 50% !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:hover .comfort-icon::before {\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: rgba(255, 255, 255, 0.3) !important;\r\n }\r\n\r\n .comfort-season-wrapper .winter-card:hover .comfort-icon {\r\n transform: scale(1.15) rotate(-5deg) !important;\r\n filter: drop-shadow(0 10px 20px rgba(33, 150, 243, 0.3)) !important;\r\n animation: iconBounce 0.6s ease-out !important;\r\n }\r\n\r\n .comfort-season-wrapper .summer-card:hover .comfort-icon {\r\n transform: scale(1.15) rotate(5deg) !important;\r\n filter: drop-shadow(0 10px 20px rgba(255, 152, 0, 0.3)) !important;\r\n animation: iconBounce 0.6s ease-out !important;\r\n }\r\n\r\n @keyframes iconBounce {\r\n 0% { transform: scale(1) rotate(0deg); }\r\n 25% { transform: scale(1.05) rotate(-2deg); }\r\n 50% { transform: scale(1.2) rotate(3deg); }\r\n 75% { transform: scale(1.1) rotate(-1deg); }\r\n 100% { transform: scale(1.15) rotate(5deg); }\r\n }\r\n\r\n @keyframes iconPulse {\r\n 0%, 100% { \r\n filter: drop-shadow(0 10px 20px rgba(33, 150, 243, 0.3));\r\n transform: scale(1.15) rotate(5deg);\r\n }\r\n 50% { \r\n filter: drop-shadow(0 15px 30px rgba(33, 150, 243, 0.5));\r\n transform: scale(1.2) rotate(5deg);\r\n }\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:hover .comfort-icon {\r\n animation: iconBounce 0.6s ease-out, iconPulse 2s ease-in-out infinite 0.6s !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-heading {\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 15px !important;\r\n line-height: 1.3 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .winter-card:hover .comfort-heading {\r\n color: #1976D2 !important;\r\n transform: translateX(5px) !important;\r\n }\r\n\r\n .comfort-season-wrapper .summer-card:hover .comfort-heading {\r\n color: #f57c00 !important;\r\n transform: translateX(5px) !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-text {\r\n font-size: 24px !important;\r\n color: #555 !important;\r\n line-height: 1.7 !important;\r\n margin: 0 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .winter-card:hover .comfort-text {\r\n color: #2c3e50 !important;\r\n transform: translateX(5px) !important;\r\n }\r\n\r\n .comfort-season-wrapper .summer-card:hover .comfort-text {\r\n color: #2c3e50 !important;\r\n transform: translateX(5px) !important;\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media screen and (max-width: 768px) {\r\n .comfort-season-wrapper .comfort-season-section {\r\n padding: 30px 0 !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-title {\r\n font-size: 34px !important;\r\n margin-bottom: 25px !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-main-image-container {\r\n max-width: 100% !important;\r\n height: 450px !important;\r\n margin: 0 auto 30px auto !important;\r\n padding: 25px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card {\r\n padding: 30px 20px !important;\r\n text-align: center !important;\r\n border: none !important;\r\n border-bottom: 2px solid #e9ecef !important;\r\n border-right: none !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:nth-child(2) {\r\n border-right: none !important;\r\n }\r\n\r\n \/* Mobile touch effects *\/\r\n .comfort-season-wrapper .comfort-card:active {\r\n transform: scale(0.98) !important;\r\n background: #e3f2fd !important;\r\n transition: all 0.1s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .winter-card:active {\r\n background: linear-gradient(135deg, #e3f2fd, #f0f8ff) !important;\r\n }\r\n\r\n .comfort-season-wrapper .summer-card:active {\r\n background: linear-gradient(135deg, #fff3e0, #ffeaa7) !important;\r\n }\r\n\r\n \/* Enhanced mobile icon animations *\/\r\n .comfort-season-wrapper .comfort-card:active .comfort-icon {\r\n transform: scale(1.2) rotate(10deg) !important;\r\n transition: all 0.2s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .winter-card:active .comfort-icon {\r\n filter: drop-shadow(0 5px 15px rgba(33, 150, 243, 0.4)) !important;\r\n }\r\n\r\n .comfort-season-wrapper .summer-card:active .comfort-icon {\r\n filter: drop-shadow(0 5px 15px rgba(255, 152, 0, 0.4)) !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-icon {\r\n font-size: 51px !important;\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-heading {\r\n font-size: 28px !important;\r\n margin-bottom: 12px !important;\r\n transition: all 0.2s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:active .comfort-heading {\r\n transform: scale(1.05) !important;\r\n color: #1976D2 !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-text {\r\n font-size: 24px !important;\r\n transition: all 0.2s ease !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:active .comfort-text {\r\n transform: scale(1.02) !important;\r\n color: #2c3e50 !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .comfort-season-wrapper .comfort-season-section {\r\n padding: 25px 0 !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-title {\r\n font-size: 33px !important;\r\n margin-bottom: 20px !important;\r\n padding: 0 15px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card {\r\n padding: 25px 15px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-main-image-container {\r\n height: 400px !important;\r\n margin: 0 auto 25px auto !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-icon {\r\n font-size: 46px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-heading {\r\n font-size: 29px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-text {\r\n font-size: 26px !important;\r\n }\r\n\r\n \/* Enhanced small mobile interactions *\/\r\n .comfort-season-wrapper .comfort-card:active {\r\n transform: scale(0.97) !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card:active .comfort-icon {\r\n transform: scale(1.25) rotate(15deg) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 374px) {\r\n .comfort-season-wrapper .comfort-title {\r\n font-size: 31px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-heading {\r\n font-size: 27px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-text {\r\n font-size: 24px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-card {\r\n padding: 20px 12px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-icon {\r\n font-size: 44px !important;\r\n }\r\n\r\n .comfort-season-wrapper .comfort-main-image-container {\r\n height: 360px !important;\r\n margin: 0 auto 20px auto !important;\r\n padding: 15px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"comfort-season-wrapper\">\r\n <!-- Comfort in Any Season Section -->\r\n <div class=\"comfort-season-section\">\r\n <h2 class=\"comfort-title\">Udobnost u Svakoj Sezoni<\/h2>\r\n \r\n <!-- Single Product Image Under Heading -->\r\n <div class=\"comfort-main-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/14-1.png\" alt=\"Udobnost u Svakoj Sezoni\" class=\"comfort-main-image\">\r\n <\/div>\r\n \r\n <div class=\"comfort-grid\">\r\n <div class=\"comfort-card winter-card\">\r\n <div class=\"comfort-icon\">\u2744\ufe0f<\/div>\r\n <h3 class=\"comfort-heading\">Savr\u0161eno za Zimu<\/h3>\r\n <p class=\"comfort-text\">Efikasno i tiho grije cijele prostorije, odr\u017eavaju\u0107i stalnu i ugodnu toplinu.<\/p>\r\n <\/div>\r\n \r\n <div class=\"comfort-card summer-card\">\r\n <div class=\"comfort-icon\">\u2600\ufe0f<\/div>\r\n <h3 class=\"comfort-heading\">Idealno za Ljeto\/Prolje\u0107e<\/h3>\r\n <p class=\"comfort-text\">Brzo grije kupaonicu ili spava\u0107u sobu u hladna jutra i ve\u010deri bez uklju\u010divanja centralnog grijanja.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Comfort cards hover effects for desktop\r\n const comfortCards = document.querySelectorAll('.comfort-season-wrapper .comfort-card');\r\n \r\n \/\/ Check if device supports hover (desktop)\r\n const isHoverDevice = window.matchMedia('(hover: hover)').matches;\r\n \r\n if (isHoverDevice) {\r\n comfortCards.forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-5px)';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0)';\r\n });\r\n });\r\n }\r\n\r\n \/\/ Touch interactions for mobile\r\n comfortCards.forEach(card => {\r\n \/\/ Touch start - immediate feedback\r\n card.addEventListener('touchstart', function(e) {\r\n e.preventDefault();\r\n this.style.transform = 'scale(0.98)';\r\n this.style.transition = 'all 0.1s ease';\r\n \r\n \/\/ Add appropriate background based on card type\r\n if (this.classList.contains('winter-card')) {\r\n this.style.background = 'linear-gradient(135deg, #e3f2fd, #f0f8ff)';\r\n } else if (this.classList.contains('summer-card')) {\r\n this.style.background = 'linear-gradient(135deg, #fff3e0, #ffeaa7)';\r\n }\r\n \r\n \/\/ Animation elements\r\n const icon = this.querySelector('.comfort-icon');\r\n const heading = this.querySelector('.comfort-heading');\r\n const text = this.querySelector('.comfort-text');\r\n \r\n if (icon) {\r\n icon.style.transform = 'scale(1.2) rotate(10deg)';\r\n icon.style.transition = 'all 0.2s ease';\r\n \r\n if (this.classList.contains('winter-card')) {\r\n icon.style.filter = 'drop-shadow(0 5px 15px rgba(33, 150, 243, 0.4))';\r\n } else {\r\n icon.style.filter = 'drop-shadow(0 5px 15px rgba(255, 152, 0, 0.4))';\r\n }\r\n }\r\n \r\n if (heading) {\r\n heading.style.transform = 'scale(1.05)';\r\n heading.style.color = '#1976D2';\r\n heading.style.transition = 'all 0.2s ease';\r\n }\r\n \r\n if (text) {\r\n text.style.transform = 'scale(1.02)';\r\n text.style.color = '#2c3e50';\r\n text.style.transition = 'all 0.2s ease';\r\n }\r\n });\r\n\r\n \/\/ Touch end - reset\r\n card.addEventListener('touchend', function(e) {\r\n e.preventDefault();\r\n const self = this;\r\n \r\n setTimeout(() => {\r\n self.style.transform = 'translateY(0)';\r\n self.style.transition = 'all 0.3s ease';\r\n self.style.background = '#f8f9fa';\r\n \r\n \/\/ Reset elements\r\n const icon = self.querySelector('.comfort-icon');\r\n const heading = self.querySelector('.comfort-heading');\r\n const text = self.querySelector('.comfort-text');\r\n \r\n if (icon) {\r\n icon.style.transform = 'scale(1) rotate(0deg)';\r\n icon.style.filter = 'none';\r\n icon.style.transition = 'all 0.3s ease';\r\n }\r\n \r\n if (heading) {\r\n heading.style.transform = 'scale(1)';\r\n heading.style.color = '#2c3e50';\r\n heading.style.transition = 'all 0.3s ease';\r\n }\r\n \r\n if (text) {\r\n text.style.transform = 'scale(1)';\r\n text.style.color = '#555';\r\n text.style.transition = 'all 0.3s ease';\r\n }\r\n }, 150);\r\n });\r\n\r\n \/\/ Touch cancel - reset immediately\r\n card.addEventListener('touchcancel', function() {\r\n this.style.transform = 'translateY(0)';\r\n this.style.background = '#f8f9fa';\r\n \r\n const icon = this.querySelector('.comfort-icon');\r\n const heading = this.querySelector('.comfort-heading');\r\n const text = this.querySelector('.comfort-text');\r\n \r\n if (icon) {\r\n icon.style.transform = 'scale(1) rotate(0deg)';\r\n icon.style.filter = 'none';\r\n }\r\n \r\n if (heading) {\r\n heading.style.transform = 'scale(1)';\r\n heading.style.color = '#2c3e50';\r\n }\r\n \r\n if (text) {\r\n text.style.transform = 'scale(1)';\r\n text.style.color = '#555';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Scroll animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe cards for scroll animations\r\n comfortCards.forEach(element => {\r\n if (element) {\r\n element.style.opacity = '0';\r\n element.style.transform = 'translateY(30px)';\r\n element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n observer.observe(element);\r\n }\r\n });\r\n\r\n \/\/ Image loading protection\r\n const images = document.querySelectorAll('.comfort-season-wrapper .comfort-main-image');\r\n images.forEach(img => {\r\n img.addEventListener('error', function() {\r\n this.style.display = 'none';\r\n console.log('Image failed to load:', this.src);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10271a95 e-con-full e-flex e-con e-parent\" data-id=\"10271a95\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-327bd2e4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"327bd2e4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>STARLYF THERMO AIR\u00ae Features Section<\/title>\r\n <style>\r\n \/* COMPLETELY ISOLATED FEATURES SECTION *\/\r\n \r\n \/* Unique wrapper to prevent any conflicts *\/\r\n .thermo-features-isolated-wrapper-croatian {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n line-height: 1.6 !important;\r\n color: #333 !important;\r\n \/* Critical: Create isolation boundary *\/\r\n contain: layout style !important;\r\n isolation: isolate !important;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;\r\n padding: 60px 0 !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n margin: 0 !important;\r\n \/* Prevent any external interference *\/\r\n z-index: auto !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n \/* Reset only within our wrapper *\/\r\n .thermo-features-isolated-wrapper-croatian * {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-container {\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 20px !important;\r\n }\r\n\r\n \/* Header Section *\/\r\n .thermo-features-isolated-wrapper-croatian .features-header {\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-main-title {\r\n font-size: 42px !important;\r\n font-weight: 800 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-main-subtitle {\r\n font-size: 26px !important;\r\n color: #666 !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .subtitle-highlight {\r\n color: #2196F3 !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n \/* Features Grid *\/\r\n .thermo-features-isolated-wrapper-croatian .features-grid-container {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n gap: 25px !important;\r\n margin-top: 40px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background: white !important;\r\n border-radius: 15px !important;\r\n padding: 20px !important;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;\r\n transition: all 0.3s ease !important;\r\n border-top: 4px solid #2196F3 !important;\r\n position: relative !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:nth-child(2) {\r\n border-top-color: #28a745 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:nth-child(3) {\r\n border-top-color: #e74c3c !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .video-container {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 350px !important;\r\n border-radius: 0 !important;\r\n overflow: hidden !important;\r\n box-shadow: none !important;\r\n margin-bottom: 15px !important;\r\n background: #f8f9fa !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-image {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n border-radius: 0 !important;\r\n transition: transform 0.3s ease !important;\r\n user-select: none !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:hover .feature-image {\r\n transform: scale(1.02) !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content {\r\n width: 100% !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-top {\r\n width: 100% !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-bottom {\r\n width: 100% !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n margin-top: 15px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-icon {\r\n width: 55px !important;\r\n height: 55px !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 24px !important;\r\n color: white !important;\r\n margin: 0 auto 12px auto !important;\r\n background: linear-gradient(135deg, #2196F3, #1976D2) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:nth-child(2) .feature-icon {\r\n background: linear-gradient(135deg, #28a745, #20c997) !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:nth-child(3) .feature-icon {\r\n background: linear-gradient(135deg, #e74c3c, #c0392b) !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:hover .feature-icon {\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-title {\r\n font-size: 24px !important;\r\n font-weight: 800 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 12px !important;\r\n line-height: 1.2 !important;\r\n text-transform: uppercase !important;\r\n text-align: center !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-description {\r\n font-size: 22px !important;\r\n color: #666 !important;\r\n line-height: 1.5 !important;\r\n text-align: center !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-highlight {\r\n color: #2196F3 !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:nth-child(2) .feature-highlight {\r\n color: #28a745 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card:nth-child(3) .feature-highlight {\r\n color: #e74c3c !important;\r\n }\r\n\r\n \/* MOBILE STYLES - TRUE Edge to edge background *\/\r\n @media screen and (max-width: 768px) {\r\n .thermo-features-isolated-wrapper-croatian {\r\n padding: 40px 0 !important;\r\n margin: 0 !important;\r\n width: 100vw !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n position: relative !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-container {\r\n padding: 0 15px !important;\r\n max-width: 100% !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-header {\r\n margin-bottom: 35px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-main-title {\r\n font-size: 34px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-main-subtitle {\r\n font-size: 24px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-grid-container {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n margin-top: 30px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card {\r\n padding: 18px 20px !important;\r\n margin: 0 !important;\r\n border-radius: 0 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .video-container {\r\n height: 300px !important;\r\n margin: 0 auto !important;\r\n max-width: 500px !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-top {\r\n max-width: 500px !important;\r\n margin: 0 auto 15px auto !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-bottom {\r\n max-width: 500px !important;\r\n margin: 15px auto 0 auto !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n font-size: 22px !important;\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-title {\r\n font-size: 24px !important;\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-description {\r\n font-size: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .thermo-features-isolated-wrapper-croatian {\r\n padding: 30px 0 !important;\r\n margin: 0 !important;\r\n width: 100vw !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n position: relative !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-container {\r\n padding: 0 15px !important;\r\n max-width: 100% !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-main-title {\r\n font-size: 30px !important;\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-main-subtitle {\r\n font-size: 22px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-header {\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card {\r\n padding: 15px 20px !important;\r\n margin: 0 !important;\r\n border-radius: 0 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .video-container {\r\n height: 250px !important;\r\n margin: 0 auto !important;\r\n max-width: 400px !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-top {\r\n max-width: 400px !important;\r\n margin: 0 auto 15px auto !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-bottom {\r\n max-width: 400px !important;\r\n margin: 15px auto 0 auto !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-icon {\r\n width: 45px !important;\r\n height: 45px !important;\r\n font-size: 20px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-title {\r\n font-size: 24px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-description {\r\n font-size: 22px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-grid-container {\r\n gap: 15px !important;\r\n margin-top: 20px !important;\r\n }\r\n }\r\n\r\n \/* ULTRA MOBILE - TRUE Edge to edge *\/\r\n @media screen and (max-width: 360px) {\r\n .thermo-features-isolated-wrapper-croatian {\r\n padding: 25px 0 !important;\r\n width: 100vw !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n position: relative !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .features-container {\r\n padding: 0 10px !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-card {\r\n padding: 12px 15px !important;\r\n margin: 0 !important;\r\n border-radius: 0 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .video-container {\r\n max-width: 350px !important;\r\n margin: 0 auto !important;\r\n height: 220px !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-top {\r\n max-width: 350px !important;\r\n margin: 0 auto 15px auto !important;\r\n }\r\n\r\n .thermo-features-isolated-wrapper-croatian .feature-content-bottom {\r\n max-width: 350px !important;\r\n margin: 15px auto 0 auto !important;\r\n }\r\n }\r\n\r\n \/* Prevent any external CSS from interfering *\/\r\n .thermo-features-isolated-wrapper-croatian {\r\n all: unset !important;\r\n display: block !important;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n line-height: 1.6 !important;\r\n color: #333 !important;\r\n contain: layout style !important;\r\n isolation: isolate !important;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;\r\n padding: 60px 0 !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n margin: 0 !important;\r\n box-sizing: border-box !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Isolated Features Section -->\r\n <div class=\"thermo-features-isolated-wrapper-croatian\">\r\n <div class=\"features-container\">\r\n <!-- Header -->\r\n <div class=\"features-header\">\r\n <h2 class=\"features-main-title\">\r\n Karakteristike Koje \u010cine Razliku\r\n <\/h2>\r\n <p class=\"features-main-subtitle\">\r\n Stvorili smo klima ure\u0111aj misle\u0107i na vas. Uklonili smo sve \u0161to je bilo te\u0161ko i komplicirano kod starih ure\u0111aja. Rezultat je pouzdani pomo\u0107nik koji <span class=\"subtitle-highlight\">obavlja sav te\u0161ki posao za vas.<\/span> Zaboravite na napor i komplikacije.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Features Grid -->\r\n <div class=\"features-grid-container\">\r\n <!-- Feature 1: Smart and Easy -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-content-top\">\r\n <div class=\"feature-icon\">\ud83d\udcf1<\/div>\r\n <h3 class=\"feature-title\">Pametno Dodirno Upravljanje<\/h3>\r\n <\/div>\r\n <div class=\"video-container\">\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/9-2.png\" alt=\"Pametno Dodirno Upravljanje\" class=\"feature-image\">\r\n <\/div>\r\n <div class=\"feature-content-bottom\">\r\n <p class=\"feature-description\">\r\n <span class=\"feature-highlight\">Pametni dodirni zaslon i kompaktni daljinski upravlja\u010d<\/span> pru\u017eaju preciznu kontrolu, dok dizajn s dvije brzine kontrolira grijanje i hla\u0111enje jednim dodirom.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 2: Winter Heating -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-content-top\">\r\n <div class=\"feature-icon\">\ud83d\udd25<\/div>\r\n <h3 class=\"feature-title\">Toplo Zimi<\/h3>\r\n <\/div>\r\n <div class=\"video-container\">\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/06\/Screen-Recording-2024-11-22-121229-1-1.gif\" alt=\"Toplo Zimi\" class=\"feature-image\">\r\n <\/div>\r\n <div class=\"feature-content-bottom\">\r\n <p class=\"feature-description\">\r\n Zahvaljuju\u0107i <span class=\"feature-highlight\">dugodometnom protoku zraka<\/span>, grije do 110 m\u00b2 u samo 10 minuta, istovremeno smanjuju\u0107i potro\u0161nju zahvaljuju\u0107i iznimno energetski u\u010dinkovitom motoru.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 3: Summer Cooling -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-content-top\">\r\n <div class=\"feature-icon\">\u2744\ufe0f<\/div>\r\n <h3 class=\"feature-title\">Hladi Vas Ljeti<\/h3>\r\n <\/div>\r\n <div class=\"video-container\">\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/10.png\" alt=\"Hladi Vas Ljeti\" class=\"feature-image\">\r\n <\/div>\r\n <div class=\"feature-content-bottom\">\r\n <p class=\"feature-description\">\r\n <span class=\"feature-highlight\">Tehnologija hla\u0111enja zrakom<\/span> stvara sna\u017ean protok zraka koji jednoliko hladi svaki kutak prostorije, istovremeno odr\u017eavaju\u0107i nisku potro\u0161nju.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ COMPLETELY ISOLATED JavaScript - only works within our wrapper\r\n const featuresWrapper = document.querySelector('.thermo-features-isolated-wrapper-croatian');\r\n if (!featuresWrapper) return;\r\n\r\n \/\/ Scroll animations - scoped to our wrapper only\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Animate feature items - scoped to our wrapper only\r\n const featureItems = featuresWrapper.querySelectorAll('.feature-card');\r\n featureItems.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateY(20px)';\r\n item.style.transition = `opacity 0.6s ease ${index * 0.2}s, transform 0.6s ease ${index * 0.2}s`;\r\n observer.observe(item);\r\n });\r\n\r\n \/\/ Image handling - scoped to our wrapper only\r\n const images = featuresWrapper.querySelectorAll('.feature-image');\r\n images.forEach(image => {\r\n \/\/ Prevent right-click and drag\r\n image.addEventListener('contextmenu', function(e) {\r\n e.preventDefault();\r\n });\r\n\r\n image.addEventListener('dragstart', function(e) {\r\n e.preventDefault();\r\n });\r\n\r\n \/\/ Hover effects - scoped to our wrapper only\r\n const container = image.parentElement;\r\n container.addEventListener('mouseenter', function() {\r\n image.style.transform = 'scale(1.02)';\r\n });\r\n \r\n container.addEventListener('mouseleave', function() {\r\n image.style.transform = 'scale(1)';\r\n });\r\n });\r\n\r\n \/\/ Click effects - scoped to our wrapper only\r\n featureItems.forEach(item => {\r\n item.addEventListener('click', function(e) {\r\n if (!e.target.classList.contains('feature-image')) {\r\n this.style.transform = 'scale(0.98)';\r\n setTimeout(() => {\r\n this.style.transform = 'scale(1)';\r\n }, 150);\r\n }\r\n });\r\n });\r\n\r\n console.log('THERMO AIR Features section loaded - isolated and safe');\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbefddc e-flex e-con-boxed e-con e-parent\" data-id=\"cbefddc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4e2f73 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1d4e2f73\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#ordernow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><b>Naru\u010dite odmah<\/b><br><small>60% POPUSTA + BESPLATNA DOSTAVA<\/small><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d0dde8d e-con-full e-flex e-con e-parent\" data-id=\"2d0dde8d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a90d511 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5a90d511\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Poseban Koncept za Va\u0161u Udobnost<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: #f8f9fa;\r\n }\r\n\r\n \/* Main Section *\/\r\n .comfort-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n padding: 60px 0;\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .comfort-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .comfort-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .comfort-title {\r\n font-size: 39px !important;\r\n font-weight: 800 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 20px !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n \/* Benefits Grid *\/\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n margin-top: 30px;\r\n }\r\n\r\n .benefit-item {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 30px 20px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n border-top: 4px solid transparent;\r\n }\r\n\r\n .benefit-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .benefit-item:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .benefit-item:nth-child(1) {\r\n border-top-color: #28a745;\r\n }\r\n\r\n .benefit-item:nth-child(2) {\r\n border-top-color: #6c757d;\r\n }\r\n\r\n .benefit-item:nth-child(3) {\r\n border-top-color: #007bff;\r\n }\r\n\r\n .benefit-item:nth-child(4) {\r\n border-top-color: #dc3545;\r\n }\r\n\r\n .benefit-item:hover {\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n }\r\n\r\n .benefit-item:active {\r\n transform: translateY(-8px) scale(0.98);\r\n transition: all 0.1s ease;\r\n }\r\n\r\n .benefit-icon {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px auto;\r\n font-size: 32px;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .benefit-item:nth-child(1) .benefit-icon {\r\n background: linear-gradient(135deg, #28a745, #20c997);\r\n color: white;\r\n }\r\n\r\n .benefit-item:nth-child(2) .benefit-icon {\r\n background: linear-gradient(135deg, #6c757d, #495057);\r\n color: white;\r\n }\r\n\r\n .benefit-item:nth-child(3) .benefit-icon {\r\n background: linear-gradient(135deg, #007bff, #0056b3);\r\n color: white;\r\n }\r\n\r\n .benefit-item:nth-child(4) .benefit-icon {\r\n background: linear-gradient(135deg, #dc3545, #c82333);\r\n color: white;\r\n }\r\n\r\n .benefit-item:hover .benefit-icon {\r\n transform: scale(1.15) rotate(10deg);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .benefit-title {\r\n font-size: 23px !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 15px !important;\r\n line-height: 1.3 !important;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .benefit-item:nth-child(1) .benefit-title {\r\n color: #28a745;\r\n }\r\n\r\n .benefit-item:nth-child(2) .benefit-title {\r\n color: #6c757d;\r\n }\r\n\r\n .benefit-item:nth-child(3) .benefit-title {\r\n color: #007bff;\r\n }\r\n\r\n .benefit-item:nth-child(4) .benefit-title {\r\n color: #dc3545;\r\n }\r\n\r\n .benefit-item:hover .benefit-title {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .benefit-description {\r\n font-size: 19px !important;\r\n color: #666 !important;\r\n line-height: 1.5 !important;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .benefit-item:hover .benefit-description {\r\n color: #555;\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* Floating Animation *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n .benefit-item:nth-child(1) {\r\n animation: float 6s ease-in-out infinite;\r\n animation-delay: 0s;\r\n }\r\n\r\n .benefit-item:nth-child(2) {\r\n animation: float 6s ease-in-out infinite;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .benefit-item:nth-child(3) {\r\n animation: float 6s ease-in-out infinite;\r\n animation-delay: 3s;\r\n }\r\n\r\n .benefit-item:nth-child(4) {\r\n animation: float 6s ease-in-out infinite;\r\n animation-delay: 4.5s;\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 768px) {\r\n body {\r\n overflow-x: hidden;\r\n }\r\n\r\n .comfort-section {\r\n padding: 40px 0;\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n .comfort-container {\r\n padding: 0;\r\n max-width: none;\r\n }\r\n\r\n .comfort-header {\r\n padding: 0 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .comfort-title {\r\n font-size: 31px !important;\r\n }\r\n\r\n .benefits-grid {\r\n display: block;\r\n margin-top: 0;\r\n padding: 0;\r\n }\r\n\r\n .benefit-item {\r\n display: block;\r\n border-radius: 0;\r\n padding: 25px 20px;\r\n margin-bottom: 2px;\r\n box-shadow: none;\r\n border-bottom: 1px solid #e9ecef;\r\n animation: none !important;\r\n }\r\n\r\n .benefit-item:hover {\r\n transform: none;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .benefit-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .benefit-title {\r\n font-size: 25px !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .benefit-description {\r\n font-size: 21px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .comfort-section {\r\n padding: 35px 0;\r\n }\r\n\r\n .comfort-header {\r\n padding: 0 15px;\r\n }\r\n\r\n .comfort-title {\r\n font-size: 27px !important;\r\n }\r\n\r\n .benefit-item {\r\n padding: 20px 15px;\r\n }\r\n\r\n .benefit-icon {\r\n width: 55px;\r\n height: 55px;\r\n font-size: 24px;\r\n }\r\n\r\n .benefit-title {\r\n font-size: 23px !important;\r\n }\r\n\r\n .benefit-description {\r\n font-size: 21px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 374px) {\r\n .comfort-title {\r\n font-size: 25px !important;\r\n }\r\n\r\n .benefit-title {\r\n font-size: 21px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Comfort Benefits Section -->\r\n <section class=\"comfort-section\">\r\n <div class=\"comfort-container\">\r\n <!-- Header -->\r\n <div class=\"comfort-header\">\r\n <h2 class=\"comfort-title\">Poseban Koncept za Va\u0161u Udobnost<\/h2>\r\n <\/div>\r\n\r\n <!-- Benefits Grid -->\r\n <div class=\"benefits-grid\">\r\n <!-- Benefit 1: Economy Energy -->\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon\">\ud83c\udf3f<\/div>\r\n <h3 class=\"benefit-title\">\u0160tedi Energiju<\/h3>\r\n <p class=\"benefit-description\">\r\n Tro\u0161i mnogo manje od klasi\u010dnog klima ure\u0111aja. Va\u0161i ra\u010duni za struju bit \u0107e vidljivo manji.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Benefit 2: Silent Operation -->\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon\">\ud83d\udd07<\/div>\r\n <h3 class=\"benefit-title\">Tihi Rad<\/h3>\r\n <p class=\"benefit-description\">\r\n Toliko je tih da ga jedva \u0107ete \u010duti. Savr\u0161en za dubok i mirni san, bez uznemiruju\u0107ih zvukova.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Benefit 3: Easy to Use -->\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon\">\ud83d\udcf1<\/div>\r\n <h3 class=\"benefit-title\">Jednostavan za Kori\u0161tenje<\/h3>\r\n <p class=\"benefit-description\">\r\n Daljinski upravlja\u010d je jednostavan, s velikim i jasnim gumbovima. Postavite \u017eeljenu temperaturu jednim pritiskom.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Benefit 4: Cleaner Air -->\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon\">\ud83d\udca8<\/div>\r\n <h3 class=\"benefit-title\">\u010ci\u0161\u0107i Zrak<\/h3>\r\n <p class=\"benefit-description\">\r\n Ugra\u0111eni filter poma\u017ee u pro\u010di\u0161\u0107avanju zraka, hvataju\u0107i pra\u0161inu i alergene, za zdravije okru\u017eenje u va\u0161em domu.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Add scroll animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Animate benefit items\r\n const benefitItems = document.querySelectorAll('.benefit-item');\r\n benefitItems.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateY(30px)';\r\n item.style.transition = `opacity 0.6s ease ${index * 0.15}s, transform 0.6s ease ${index * 0.15}s`;\r\n observer.observe(item);\r\n });\r\n\r\n \/\/ Enhanced hover effects with context awareness\r\n benefitItems.forEach((item, index) => {\r\n item.addEventListener('mouseenter', function() {\r\n \/\/ Dim other items\r\n benefitItems.forEach((otherItem, otherIndex) => {\r\n if (otherIndex !== index) {\r\n otherItem.style.opacity = '0.6';\r\n otherItem.style.transform = 'scale(0.95)';\r\n }\r\n });\r\n \r\n \/\/ Stop floating animation temporarily\r\n this.style.animationPlayState = 'paused';\r\n });\r\n \r\n item.addEventListener('mouseleave', function() {\r\n \/\/ Reset all items\r\n benefitItems.forEach((otherItem) => {\r\n otherItem.style.opacity = '1';\r\n otherItem.style.transform = 'scale(1)';\r\n });\r\n \r\n \/\/ Resume floating animation\r\n this.style.animationPlayState = 'running';\r\n });\r\n\r\n \/\/ Add click ripple effect\r\n item.addEventListener('click', function(e) {\r\n \/\/ Create ripple element\r\n const ripple = document.createElement('span');\r\n const rect = this.getBoundingClientRect();\r\n const size = Math.max(rect.width, rect.height);\r\n const x = e.clientX - rect.left - size \/ 2;\r\n const y = e.clientY - rect.top - size \/ 2;\r\n \r\n \/\/ Get the item's color based on its position\r\n const colors = ['rgba(40, 167, 69, 0.3)', 'rgba(108, 117, 125, 0.3)', 'rgba(0, 123, 255, 0.3)', 'rgba(220, 53, 69, 0.3)'];\r\n const rippleColor = colors[index] || 'rgba(0, 123, 255, 0.3)';\r\n \r\n ripple.style.cssText = `\r\n position: absolute;\r\n border-radius: 50%;\r\n background: ${rippleColor};\r\n width: ${size}px;\r\n height: ${size}px;\r\n left: ${x}px;\r\n top: ${y}px;\r\n transform: scale(0);\r\n animation: ripple 0.6s ease-out;\r\n pointer-events: none;\r\n z-index: 10;\r\n `;\r\n \r\n this.appendChild(ripple);\r\n \r\n \/\/ Remove ripple after animation\r\n setTimeout(() => {\r\n ripple.remove();\r\n }, 600);\r\n });\r\n });\r\n\r\n \/\/ Add CSS for ripple animation\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes ripple {\r\n to {\r\n transform: scale(2);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n }\r\n \r\n .benefit-item.pulse {\r\n animation: pulse 0.6s ease;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n\r\n \/\/ Add sequential focus effect on scroll\r\n let scrollTimeout;\r\n window.addEventListener('scroll', () => {\r\n clearTimeout(scrollTimeout);\r\n scrollTimeout = setTimeout(() => {\r\n benefitItems.forEach((item, index) => {\r\n setTimeout(() => {\r\n item.classList.add('pulse');\r\n setTimeout(() => {\r\n item.classList.remove('pulse');\r\n }, 600);\r\n }, index * 200);\r\n });\r\n }, 100);\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7485feb5 e-flex e-con-boxed e-con e-parent\" data-id=\"7485feb5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1246380 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1246380\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#ordernow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><b>Naru\u010dite odmah<\/b><br><small>60% POPUSTA + BESPLATNA DOSTAVA<\/small><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e46d2c5 e-con-full e-flex e-con e-parent\" data-id=\"7e46d2c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24da7362 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"24da7362\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Ocjene Kupaca<\/title>\r\n <style>\r\n .reviews-section {\r\n background: #f8f9fa;\r\n padding: 60px 20px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .reviews-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .reviews-title-section {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .reviews-title {\r\n font-size: 3.5rem !important;\r\n font-weight: 900 !important;\r\n color: #2c3e50 !important;\r\n line-height: 1.1 !important;\r\n margin: 0 !important;\r\n text-align: left !important;\r\n }\r\n\r\n .reviews-ratings-section {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .ratings-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ratings-title {\r\n font-size: 1.5rem !important;\r\n font-weight: 600 !important;\r\n color: #2c3e50 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .ratings-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .rating-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .rating-label {\r\n font-size: 1.1rem !important;\r\n font-weight: 600 !important;\r\n color: #2c3e50 !important;\r\n min-width: 35px;\r\n }\r\n\r\n .rating-bar-container {\r\n flex: 1;\r\n height: 25px;\r\n background: #e9ecef;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .rating-bar {\r\n height: 100%;\r\n background: linear-gradient(135deg, #ff8a50, #ff6b35);\r\n border-radius: 12px;\r\n transition: width 0.8s ease-in-out;\r\n animation: fillBar 1.5s ease-out;\r\n }\r\n\r\n @keyframes fillBar {\r\n from { width: 0%; }\r\n to { width: var(--bar-width); }\r\n }\r\n\r\n .rating-5 { --bar-width: 100%; width: 100%; }\r\n .rating-4 { --bar-width: 85%; width: 85%; }\r\n .rating-3 { --bar-width: 45%; width: 45%; }\r\n .rating-2 { --bar-width: 15%; width: 15%; }\r\n .rating-1 { --bar-width: 5%; width: 5%; }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 768px) {\r\n .reviews-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .reviews-container {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n max-width: 100%;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .reviews-title-section {\r\n padding: 0 20px;\r\n }\r\n\r\n .reviews-title {\r\n font-size: 2.5rem !important;\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .reviews-ratings-section {\r\n padding: 30px 20px;\r\n border-radius: 0;\r\n margin: 0;\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n .ratings-title {\r\n font-size: 1.3rem !important;\r\n }\r\n\r\n .rating-item {\r\n gap: 12px;\r\n }\r\n\r\n .rating-label {\r\n font-size: 1rem !important;\r\n min-width: 30px;\r\n }\r\n\r\n .rating-bar-container {\r\n height: 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .reviews-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .reviews-title-section {\r\n padding: 0 15px;\r\n }\r\n\r\n .reviews-title {\r\n font-size: 2rem !important;\r\n }\r\n\r\n .reviews-ratings-section {\r\n padding: 25px 15px;\r\n }\r\n\r\n .ratings-title {\r\n font-size: 1.2rem !important;\r\n }\r\n\r\n .rating-item {\r\n gap: 10px;\r\n }\r\n\r\n .rating-label {\r\n font-size: 0.9rem !important;\r\n min-width: 25px;\r\n }\r\n\r\n .rating-bar-container {\r\n height: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"reviews-section\">\r\n <div class=\"reviews-container\">\r\n <!-- Title Section -->\r\n <div class=\"reviews-title-section\">\r\n <h2 class=\"reviews-title\">Pogledajte \u0160to Govore Na\u0161i Zadovoljni Kupci<\/h2>\r\n <\/div>\r\n\r\n <!-- Ratings Section -->\r\n <div class=\"reviews-ratings-section\">\r\n <div class=\"ratings-header\">\r\n <h3 class=\"ratings-title\">Ocjene korisnika<\/h3>\r\n <\/div>\r\n\r\n <div class=\"ratings-list\">\r\n <div class=\"rating-item\">\r\n <div class=\"rating-label\">5\/5<\/div>\r\n <div class=\"rating-bar-container\">\r\n <div class=\"rating-bar rating-5\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-item\">\r\n <div class=\"rating-label\">4\/5<\/div>\r\n <div class=\"rating-bar-container\">\r\n <div class=\"rating-bar rating-4\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-item\">\r\n <div class=\"rating-label\">3\/5<\/div>\r\n <div class=\"rating-bar-container\">\r\n <div class=\"rating-bar rating-3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-item\">\r\n <div class=\"rating-label\">2\/5<\/div>\r\n <div class=\"rating-bar-container\">\r\n <div class=\"rating-bar rating-2\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rating-item\">\r\n <div class=\"rating-label\">1\/5<\/div>\r\n <div class=\"rating-bar-container\">\r\n <div class=\"rating-bar rating-1\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b74e73a e-con-full e-flex e-con e-parent\" data-id=\"7b74e73a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eca6cab elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7eca6cab\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Recenzije Kupaca - THERMO AIR<\/title>\r\n <style>\r\n .testimonials-section {\r\n background: #f8f9fa;\r\n padding: 60px 20px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .testimonials-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .testimonials-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .testimonials-title {\r\n font-size: 2.75rem !important;\r\n font-weight: 800 !important;\r\n color: #2c3e50 !important;\r\n margin: 0 !important;\r\n background: linear-gradient(135deg, #2c3e50, #3498db);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 40px;\r\n }\r\n\r\n .testimonial-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 25px;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 1px solid #f0f0f0;\r\n }\r\n\r\n .testimonial-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n }\r\n\r\n .testimonial-header {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .customer-name {\r\n font-size: 1.3rem !important;\r\n font-weight: 700 !important;\r\n color: #2c3e50 !important;\r\n margin: 0 0 5px 0 !important;\r\n }\r\n\r\n .verified-purchase {\r\n font-size: 1.05rem !important;\r\n color: #28a745 !important;\r\n font-weight: 600 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .customer-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .stars {\r\n color: #ffd700;\r\n font-size: 1.4rem !important;\r\n }\r\n\r\n .rating-text {\r\n font-size: 1.1rem !important;\r\n color: #666 !important;\r\n margin-left: 5px;\r\n }\r\n\r\n .testimonial-text {\r\n color: #555 !important;\r\n font-size: 1.2rem !important;\r\n line-height: 1.6 !important;\r\n margin: 0 0 20px 0 !important;\r\n font-style: italic;\r\n }\r\n\r\n .testimonial-image {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: contain;\r\n border-radius: 10px;\r\n margin-top: 15px;\r\n transition: transform 0.3s ease;\r\n background: #f5f5f5;\r\n }\r\n\r\n .testimonial-card:hover .testimonial-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 768px) {\r\n .testimonials-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .testimonials-container {\r\n max-width: 100%;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .testimonials-header {\r\n padding: 0 15px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .testimonials-title {\r\n font-size: 35px !important;\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n margin-top: 30px;\r\n padding: 0;\r\n }\r\n\r\n .testimonial-card {\r\n padding: 20px;\r\n border-radius: 0;\r\n margin: 0;\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n box-sizing: border-box;\r\n }\r\n\r\n .customer-name {\r\n font-size: 23px !important;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 19px !important;\r\n }\r\n\r\n .testimonial-image {\r\n height: 180px;\r\n }\r\n\r\n .stars {\r\n font-size: 1.3rem !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .testimonials-section {\r\n padding: 30px 0;\r\n }\r\n\r\n .testimonials-header {\r\n padding: 0 10px;\r\n }\r\n\r\n .testimonials-title {\r\n font-size: 31px !important;\r\n }\r\n\r\n .testimonial-card {\r\n padding: 18px;\r\n }\r\n\r\n .customer-name {\r\n font-size: 21px !important;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 18px !important;\r\n }\r\n\r\n .testimonial-image {\r\n height: 160px;\r\n }\r\n }\r\n\r\n \/* Animation for cards *\/\r\n .testimonial-card {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease forwards;\r\n }\r\n\r\n .testimonial-card:nth-child(1) { animation-delay: 0.1s; }\r\n .testimonial-card:nth-child(2) { animation-delay: 0.2s; }\r\n .testimonial-card:nth-child(3) { animation-delay: 0.3s; }\r\n .testimonial-card:nth-child(4) { animation-delay: 0.4s; }\r\n .testimonial-card:nth-child(5) { animation-delay: 0.5s; }\r\n .testimonial-card:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"testimonials-section\">\r\n <div class=\"testimonials-container\">\r\n <div class=\"testimonials-grid\">\r\n \r\n <!-- Testimonial 1 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-header\">\r\n <h3 class=\"customer-name\">Marko Novak<\/h3>\r\n <div class=\"verified-purchase\">\u2022 Potvr\u0111ena kupnja<\/div>\r\n <div class=\"customer-rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"rating-text\">5\/5<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"testimonial-text\">Instaliran u mojoj kavani \u2013 hladi 90 m\u00b2 u nekoliko minuta, a istovremeno je ti\u0161i od na\u0161eg aparata za espresso. Na\u0161i ra\u010duni za energiju smanjili su se za 30% u odnosu na stari sustav.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/14-2.png\" alt=\"THERMO AIR u radu\" class=\"testimonial-image\">\r\n <\/div>\r\n\r\n <!-- Testimonial 2 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-header\">\r\n <h3 class=\"customer-name\">Petar Horvat<\/h3>\r\n <div class=\"verified-purchase\">\u2022 Potvr\u0111ena kupnja<\/div>\r\n <div class=\"customer-rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"rating-text\">5\/5<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"testimonial-text\">Vrlo precizan termostat. Dugo zadr\u017eava toplinu i ne tro\u0161i puno energije, posebno na maksimalnoj snazi.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/15-1.png\" alt=\"THERMO AIR termostat\" class=\"testimonial-image\">\r\n <\/div>\r\n\r\n <!-- Testimonial 3 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-header\">\r\n <h3 class=\"customer-name\">Ivan Kova\u010devi\u0107<\/h3>\r\n <div class=\"verified-purchase\">\u2022 Potvr\u0111ena kupnja<\/div>\r\n <div class=\"customer-rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"rating-text\">5\/5<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"testimonial-text\">Odli\u010dan proizvod, brzo se zagrijava i dugo odr\u017eava temperaturu. Ima malu potro\u0161nju, a termostat savr\u0161eno funkcionira. Mo\u017eete ga pomije\u0161ati s planinarskom ku\u0107om.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/prohauskart.com\/wp-content\/uploads\/2025\/07\/15-2.png\" alt=\"THERMO AIR instaliran\" class=\"testimonial-image\">\r\n <\/div>\r\n\r\n <!-- Testimonial 4 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-header\">\r\n <h3 class=\"customer-name\">Tomislav \u0110uri\u0107<\/h3>\r\n <div class=\"verified-purchase\">\u2022 Potvr\u0111ena kupnja<\/div>\r\n <div class=\"customer-rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"rating-text\">5\/5<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"testimonial-text\">Instaliran je u 3 za\u0161ti\u0107ene zgrade gdje je kori\u0161tenje vanjskih jedinica bilo zabranjeno. Povjerenstva za o\u010duvanje spomenika odobrila su diskretni dizajn.<\/p>\r\n <\/div>\r\n\r\n <!-- Testimonial 5 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-header\">\r\n <h3 class=\"customer-name\">Stjepan Kne\u017eevi\u0107<\/h3>\r\n <div class=\"verified-purchase\">\u2022 Potvr\u0111ena kupnja<\/div>\r\n <div class=\"customer-rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"rating-text\">5\/5<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"testimonial-text\">Pre\u017eivio je dva te\u0161ka ljeta i jednu hladnu zimu. Filtri su laki za \u010di\u0161\u0107enje. Nije bilo potrebe za servisnim pozivom. Jednostavno radi.<\/p>\r\n <\/div>\r\n\r\n <!-- Testimonial 6 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-header\">\r\n <h3 class=\"customer-name\">Ante Babi\u0107<\/h3>\r\n <div class=\"verified-purchase\">\u2022 Potvr\u0111ena kupnja<\/div>\r\n <div class=\"customer-rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"rating-text\">5\/5<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"testimonial-text\">Grije sobu u nekoliko minuta, zatim ga mo\u017eete postaviti na minimum za odr\u017eavanje konstantne temperature ili ga povremeno postaviti na maksimum u vrlo hladnim danima. To ima vrlo mali utjecaj na tro\u0161kove ra\u010duna.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Intersection Observer for scroll animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe testimonial cards\r\n const testimonialCards = document.querySelectorAll('.testimonial-card');\r\n testimonialCards.forEach(card => {\r\n card.style.animationPlayState = 'paused';\r\n observer.observe(card);\r\n });\r\n\r\n \/\/ Add enhanced hover effects\r\n testimonialCards.forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-8px) scale(1.02)';\r\n this.style.boxShadow = '0 20px 40px rgba(0,0,0,0.2)';\r\n });\r\n\r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0) scale(1)';\r\n this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.1)';\r\n });\r\n });\r\n\r\n \/\/ Image error handling\r\n const images = document.querySelectorAll('.testimonial-image');\r\n images.forEach(img => {\r\n img.addEventListener('error', function() {\r\n this.style.display = 'none';\r\n console.log('Image failed to load:', this.src);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-238981dd e-con-full e-flex e-con e-parent\" data-id=\"238981dd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-acfa80a e-con-full e-flex e-con e-child\" data-id=\"acfa80a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c5d923 elementor-widget elementor-widget-html\" data-id=\"61c5d923\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Posebna Ljetna Ponuda - THERMO AIR<\/title>\r\n <style>\r\n \/* Isolated styles - only affect elements within .summer-offer-wrapper *\/\r\n .summer-offer-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .summer-offer-wrapper .offer-section {\r\n background: linear-gradient(135deg, #e3f2fd, #f8f9fa);\r\n padding: 60px 20px;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n text-align: center;\r\n color: #2c3e50;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 0;\r\n width: 100%;\r\n }\r\n\r\n .summer-offer-wrapper .offer-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n animation: summerShimmer 4s infinite;\r\n }\r\n\r\n @keyframes summerShimmer {\r\n 0% { left: -100%; }\r\n 100% { left: 100%; }\r\n }\r\n\r\n .summer-offer-wrapper .offer-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .summer-offer-wrapper .offer-main-title {\r\n font-size: 3.2rem !important;\r\n font-weight: 900 !important;\r\n color: #2c3e50 !important;\r\n margin-bottom: 20px !important;\r\n text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\r\n line-height: 1.1 !important;\r\n }\r\n\r\n .summer-offer-wrapper .offer-subtitle {\r\n font-size: 1.6rem !important;\r\n color: #555 !important;\r\n margin-bottom: 40px !important;\r\n font-weight: 400 !important;\r\n line-height: 1.6 !important;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .summer-offer-wrapper .price-section {\r\n margin: 30px 0;\r\n }\r\n\r\n .summer-offer-wrapper .old-price {\r\n font-size: 1.6rem !important;\r\n color: #999 !important;\r\n text-decoration: line-through;\r\n margin-bottom: 10px !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .summer-offer-wrapper .current-price {\r\n font-size: 4.7rem !important;\r\n font-weight: 900 !important;\r\n color: #e53e3e !important;\r\n margin: 10px 0 !important;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n line-height: 1 !important;\r\n animation: summerPricePulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes summerPricePulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n }\r\n\r\n .summer-offer-wrapper .benefits-section {\r\n margin: 40px 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n align-items: center;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n font-size: 1.4rem !important;\r\n font-weight: 600 !important;\r\n color: #2c3e50 !important;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-icon {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: white;\r\n flex-shrink: 0;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-icon.discount {\r\n background: #28a745;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-icon.delivery {\r\n background: #17a2b8;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-icon.guarantee {\r\n background: #6f42c1;\r\n }\r\n\r\n .summer-offer-wrapper .order-button {\r\n background: #28a745;\r\n color: white;\r\n font-size: 1.8rem !important;\r\n font-weight: 700 !important;\r\n padding: 20px 50px;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-block;\r\n margin: 30px 0 20px 0;\r\n box-shadow: 0 10px 30px rgba(40, 167, 69, 0.3);\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .summer-offer-wrapper .order-button:hover {\r\n transform: translateY(-3px) scale(1.05);\r\n box-shadow: 0 15px 40px rgba(40, 167, 69, 0.4);\r\n text-decoration: none;\r\n color: white;\r\n }\r\n\r\n .summer-offer-wrapper .order-button:active {\r\n transform: translateY(-1px) scale(1.02);\r\n }\r\n\r\n .summer-offer-wrapper .stock-warning {\r\n font-size: 1.2rem !important;\r\n color: #666 !important;\r\n font-weight: 500 !important;\r\n margin-top: 15px !important;\r\n font-style: italic;\r\n }\r\n\r\n \/* Mobile Styles - Only for summer offer *\/\r\n @media (max-width: 768px) {\r\n .summer-offer-wrapper .offer-section {\r\n padding: 40px 0;\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n .summer-offer-wrapper .offer-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .summer-offer-wrapper .offer-main-title {\r\n font-size: 2.4rem !important;\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .summer-offer-wrapper .offer-subtitle {\r\n font-size: 1.4rem !important;\r\n margin-bottom: 30px !important;\r\n }\r\n\r\n .summer-offer-wrapper .price-section {\r\n margin: 25px 0;\r\n }\r\n\r\n .summer-offer-wrapper .old-price {\r\n font-size: 1.4rem !important;\r\n }\r\n\r\n .summer-offer-wrapper .current-price {\r\n font-size: 3.7rem !important;\r\n }\r\n\r\n .summer-offer-wrapper .benefits-section {\r\n margin: 30px 0;\r\n gap: 12px;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-item {\r\n font-size: 1.3rem !important;\r\n }\r\n\r\n .summer-offer-wrapper .order-button {\r\n font-size: 1.6rem !important;\r\n padding: 18px 40px;\r\n width: 100%;\r\n max-width: 350px;\r\n margin: 25px 0 15px 0;\r\n }\r\n\r\n .summer-offer-wrapper .stock-warning {\r\n font-size: 1.15rem !important;\r\n margin-top: 12px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .summer-offer-wrapper .offer-section {\r\n padding: 30px 0;\r\n }\r\n\r\n .summer-offer-wrapper .offer-container {\r\n padding: 0 15px;\r\n }\r\n\r\n .summer-offer-wrapper .offer-main-title {\r\n font-size: 2.1rem !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .summer-offer-wrapper .offer-subtitle {\r\n font-size: 1.3rem !important;\r\n margin-bottom: 25px !important;\r\n }\r\n\r\n .summer-offer-wrapper .price-section {\r\n margin: 20px 0;\r\n }\r\n\r\n .summer-offer-wrapper .current-price {\r\n font-size: 3.2rem !important;\r\n }\r\n\r\n .summer-offer-wrapper .benefits-section {\r\n margin: 25px 0;\r\n gap: 10px;\r\n }\r\n\r\n .summer-offer-wrapper .benefit-item {\r\n font-size: 1.2rem !important;\r\n }\r\n\r\n .summer-offer-wrapper .order-button {\r\n font-size: 1.4rem !important;\r\n padding: 16px 35px;\r\n margin: 20px 0 12px 0;\r\n }\r\n }\r\n\r\n \/* Floating elements animation - Isolated *\/\r\n .summer-offer-wrapper .offer-container > * {\r\n opacity: 0;\r\n animation: summerFadeInUp 0.8s ease forwards;\r\n }\r\n\r\n .summer-offer-wrapper .offer-container > *:nth-child(1) { animation-delay: 0.1s; }\r\n .summer-offer-wrapper .offer-container > *:nth-child(2) { animation-delay: 0.2s; }\r\n .summer-offer-wrapper .offer-container > *:nth-child(3) { animation-delay: 0.3s; }\r\n .summer-offer-wrapper .offer-container > *:nth-child(4) { animation-delay: 0.4s; }\r\n .summer-offer-wrapper .offer-container > *:nth-child(5) { animation-delay: 0.5s; }\r\n .summer-offer-wrapper .offer-container > *:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n @keyframes summerFadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Benefit animations - Isolated *\/\r\n .summer-offer-wrapper .fade-in-benefit {\r\n animation: summerSlideInFromLeft 0.6s ease forwards;\r\n }\r\n \r\n @keyframes summerSlideInFromLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"summer-offer-wrapper\">\r\n <div class=\"offer-section\" id=\"ordernow\">\r\n <div class=\"offer-container\">\r\n \r\n <h1 class=\"offer-main-title\">Posebna Ljetna Ponuda<\/h1>\r\n \r\n <p class=\"offer-subtitle\">\r\n Iskoristite na\u0161u akciju sada i osigurajte si udobnost kroz cijelu godinu!\r\n <\/p>\r\n \r\n <div class=\"price-section\">\r\n <div class=\"old-price\">Stara Cijena: 170\u20ac<\/div>\r\n <div class=\"current-price\">Samo 69\u20ac<\/div>\r\n <\/div>\r\n\r\n <div class=\"benefits-section\">\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon discount\">\u2713<\/div>\r\n <span>Popust primijenjen<\/span>\r\n <\/div>\r\n \r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon delivery\">\ud83d\ude9a<\/div>\r\n <span><strong>Besplatna Dostava<\/strong> u cijeloj Hrvatskoj<\/span>\r\n <\/div>\r\n \r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-icon guarantee\">\ud83d\udee1\ufe0f<\/div>\r\n <span><strong>Garancija 30 Dana<\/strong> - Zadovoljstvo ili Vam Vra\u0107amo Novac<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"#ordernow\" class=\"order-button\">Naru\u010dite Sada i Platite pri Dostavi!<\/a>\r\n \r\n <div class=\"stock-warning\">\r\n Zalihe za ovu ponudu su ograni\u010dene. Naru\u010dite danas kako biste iskoristili popust.\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Isolated JavaScript - only affects summer offer section\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const summerOfferWrapper = document.querySelector('.summer-offer-wrapper');\r\n if (!summerOfferWrapper) return;\r\n\r\n const orderButton = summerOfferWrapper.querySelector('.order-button');\r\n \r\n if (orderButton) {\r\n orderButton.addEventListener('click', function(e) {\r\n \/\/ Add click effect\r\n this.style.transform = 'translateY(-1px) scale(1.02)';\r\n \r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 150);\r\n\r\n console.log('Summer offer button clicked - THERMO AIR order initiated');\r\n \r\n \/\/ Analytics tracking (customize as needed)\r\n if (typeof gtag !== 'undefined') {\r\n gtag('event', 'purchase_intent', {\r\n event_category: 'thermo_air',\r\n event_label: 'summer_special_offer',\r\n value: 69\r\n });\r\n }\r\n });\r\n }\r\n\r\n \/\/ Add hover effect to benefits - only within summer offer\r\n const benefitItems = summerOfferWrapper.querySelectorAll('.benefit-item');\r\n benefitItems.forEach((item, index) => {\r\n item.style.animationDelay = `${0.8 + index * 0.2}s`;\r\n item.classList.add('fade-in-benefit');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bbb6cc e-con-full e-flex e-con e-child\" data-id=\"2bbb6cc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ea4b9fa elementor-widget elementor-widget-menu-anchor\" data-id=\"5ea4b9fa\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"ordernow\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3cfd87 elementor-widget elementor-widget-text-editor\" data-id=\"6b3cfd87\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ispunite obrazac i prepustite nama brigu o ostalom! Stru\u010dnjak \u0107e vas brzo kontaktirati kako bi odgovorio na sva va\u0161a pitanja i pru\u017eio vam potrebne informacije.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d848a0e elementor-widget elementor-widget-formidable\" data-id=\"6d848a0e\" data-element_type=\"widget\" data-widget_type=\"formidable.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"frm_forms with_frm_style frm_center_submit frm_style_stile-di-formidable\" id=\"frm_form_7_container\" data-token=\"ffacb8da5dda93b2de6f2b9a65d66355\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form frm_pro_form \" id=\"form_airfryer29-pp357321222423322223232332242422\" data-token=\"ffacb8da5dda93b2de6f2b9a65d66355\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">shopieee.online-wallconvector-84SLOVENIA(Sl)-UNC - 765<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"7\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_7\" id=\"frm_hide_fields_7\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"airfryer29-pp357321222423322223232332242422\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_7\" name=\"frm_submit_entry_7\" value=\"52bbdd12c8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F128\" \/><div id=\"frm_field_31_container\" class=\"frm_form_field form-field frm_required_field frm_top_container frm12 frm_first\">\r\n <label for=\"field_g0auz635433455543453\" id=\"field_g0auz635433455543453_label\" class=\"frm_primary_label\">Imi\u0119 i nazwisko\r\n <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"field_g0auz635433455543453\" name=\"item_meta[31]\" value=\"\" placeholder=\"Wprowad\u017a swoje imi\u0119 i nazwisko\" data-reqmsg=\"Imi\u0119 i nazwisko cannot be blank.\" aria-required=\"true\" data-invmsg=\"Testo non \u00e8 valido\" aria-invalid=\"false\" \/>\r\n \r\n \r\n<\/div>\n<div id=\"frm_field_32_container\" class=\"frm_form_field form-field frm_required_field frm_top_container frm12 frm_first\">\r\n <label for=\"field_fx9fq635433455543453\" id=\"field_fx9fq635433455543453_label\" class=\"frm_primary_label\">Telefon (najlepiej kom\u00f3rkowy)\r\n <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n <\/label>\r\n <input type=\"tel\" id=\"field_fx9fq635433455543453\" name=\"item_meta[32]\" value=\"\" placeholder=\"Wprowad\u017a sw\u00f3j numer telefonu\" data-reqmsg=\"Telefon (najlepiej kom\u00f3rkowy) cannot be blank.\" aria-required=\"true\" data-invmsg=\"Phone non \u00e8 valido\" aria-invalid=\"false\" pattern=\"((\\+\\d{1,3}(-|.| )?\\(?\\d\\)?(-| |.)?\\d{1,5})|(\\(?\\d{2,6}\\)?))(-|.| )?(\\d{3,4})(-|.| )?(\\d{4})(( x| ext)\\d{1,5}){0,1}$\" \/>\r\n \r\n \r\n<\/div>\n<div id=\"frm_field_33_container\" class=\"frm_form_field form-field frm_required_field frm_top_container\">\r\n <label for=\"field_69a8e635433455543453\" id=\"field_69a8e635433455543453_label\" class=\"frm_primary_label\">Adres i numer domu\r\n <span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"field_69a8e635433455543453\" name=\"item_meta[33]\" value=\"\" placeholder=\"Wprowad\u017a pe\u0142ny adres\" data-reqmsg=\"Adres i numer domu cannot be blank.\" aria-required=\"true\" data-invmsg=\"Testo non \u00e8 valido\" aria-invalid=\"false\" \/>\r\n \r\n \r\n<\/div>\n<input type=\"hidden\" name=\"item_meta[34]\" id=\"field_8tv35433455543453\" value=\"Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; ClaudeBot\/1.0; +claudebot@anthropic.com)\" data-frmval=\"Mozilla\/5.0 AppleWebKit\/537.36 (KHTML, like Gecko; compatible; ClaudeBot\/1.0; +claudebot@anthropic.com)\" \/>\n<div id=\"frm_field_35_container\" class=\"frm_form_field form-field \">\r\n\t<div class=\"frm_submit\">\r\n\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\" >KO\u0143COWY ZAKUP<\/button>\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_36_container\">\n\t\t\t<label for=\"field_q4avp\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input id=\"field_q4avp\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[36]\" value=\"\" \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"qSRwVJSyWKY1VdQOXeCcdZrFBxME9ga1GM+1ZoDjKfAMTOqRFdhhVX2X8m6b5P0H\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<\/form>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<footer class=\"elementor-element elementor-element-2407f9ef e-con-full e-flex e-con e-parent\" data-id=\"2407f9ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-700a7d81 elementor-widget elementor-widget-html\" data-id=\"700a7d81\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Conflict-Free Dark Footer - Croatia<\/title>\r\n <style>\r\n \/* CONFLICT-FREE MODERN DARK FOOTER - ISOLATED CSS *\/\r\n .bd-footer-wrapper {\r\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .bd-footer-wrapper *,\r\n .bd-footer-wrapper *::before,\r\n .bd-footer-wrapper *::after {\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .bd-footer-wrapper::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"80\" cy=\"40\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"\/><circle cx=\"40\" cy=\"60\" r=\"1.5\" fill=\"rgba(255,255,255,0.08)\"\/><circle cx=\"90\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.06)\"\/><circle cx=\"10\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.04)\"\/><\/svg>') repeat !important;\r\n animation: bd-stars-float 20s linear infinite !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n @keyframes bd-stars-float {\r\n 0% { transform: translateY(0) !important; }\r\n 100% { transform: translateY(-100px) !important; }\r\n }\r\n\r\n .bd-footer-main {\r\n padding: 80px 0 40px !important;\r\n position: relative !important;\r\n z-index: 10 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-footer-container {\r\n max-width: 1300px !important;\r\n margin: 0 auto !important;\r\n padding: 0 40px !important;\r\n }\r\n\r\n .bd-footer-grid {\r\n display: grid !important;\r\n grid-template-columns: 1.8fr 1fr 1fr 1fr !important;\r\n gap: 40px !important;\r\n margin-bottom: 60px !important;\r\n align-items: flex-start !important;\r\n }\r\n\r\n \/* Company Info Card *\/\r\n .bd-company-section {\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n padding: 40px !important;\r\n border-radius: 25px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n backdrop-filter: blur(10px) !important;\r\n position: relative !important;\r\n transition: transform 0.3s ease !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-company-section:hover {\r\n transform: translateY(-5px) !important;\r\n border-color: rgba(0, 188, 212, 0.3) !important;\r\n box-shadow: 0 20px 60px rgba(0, 188, 212, 0.1) !important;\r\n }\r\n\r\n .bd-company-section::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 4px !important;\r\n background: linear-gradient(90deg, #00bcd4, #4fc3f7, #29b6f6) !important;\r\n border-radius: 25px 25px 0 0 !important;\r\n }\r\n\r\n .bd-company-name {\r\n font-size: 28px !important;\r\n font-weight: 900 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 30px 0 !important;\r\n background: linear-gradient(135deg, #ffffff, #b3e5fc) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n background-clip: text !important;\r\n letter-spacing: -0.5px !important;\r\n line-height: 1.2 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-contact-grid {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 20px !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-contact-row {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 16px !important;\r\n padding: 16px 20px !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n border-radius: 15px !important;\r\n border-left: 4px solid #00bcd4 !important;\r\n transition: all 0.3s ease !important;\r\n color: #e1f5fe !important;\r\n font-size: 14px !important;\r\n line-height: 1.5 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-contact-row:hover {\r\n background: rgba(0, 188, 212, 0.1) !important;\r\n transform: translateX(10px) !important;\r\n border-left-color: #4fc3f7 !important;\r\n }\r\n\r\n .bd-contact-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: #00bcd4 !important;\r\n flex-shrink: 0 !important;\r\n margin-top: 2px !important;\r\n }\r\n\r\n .bd-contact-link {\r\n color: #4fc3f7 !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .bd-contact-link:hover {\r\n color: #81d4fa !important;\r\n text-shadow: 0 0 10px rgba(129, 212, 250, 0.3) !important;\r\n }\r\n\r\n .bd-shipping-badge {\r\n background: linear-gradient(135deg, #ff6b35, #f7931e) !important;\r\n padding: 25px !important;\r\n border-radius: 20px !important;\r\n text-align: center !important;\r\n margin-top: 30px !important;\r\n color: white !important;\r\n font-weight: 700 !important;\r\n font-size: 16px !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3) !important;\r\n animation: bd-glow-pulse 3s ease-in-out infinite !important;\r\n }\r\n\r\n .bd-shipping-badge::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -2px !important;\r\n left: -2px !important;\r\n right: -2px !important;\r\n bottom: -2px !important;\r\n background: linear-gradient(45deg, #ff6b35, #f7931e, #ff6b35) !important;\r\n z-index: -1 !important;\r\n border-radius: 22px !important;\r\n animation: bd-border-rotate 4s linear infinite !important;\r\n }\r\n\r\n @keyframes bd-glow-pulse {\r\n 0%, 100% { box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3) !important; }\r\n 50% { box-shadow: 0 15px 40px rgba(255, 107, 53, 0.5) !important; }\r\n }\r\n\r\n @keyframes bd-border-rotate {\r\n 0% { filter: hue-rotate(0deg) !important; }\r\n 100% { filter: hue-rotate(360deg) !important; }\r\n }\r\n\r\n .bd-vat-info {\r\n background: rgba(76, 175, 80, 0.1) !important;\r\n border: 1px solid rgba(76, 175, 80, 0.3) !important;\r\n padding: 18px 24px !important;\r\n border-radius: 15px !important;\r\n margin-top: 25px !important;\r\n color: #a5d6a7 !important;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n }\r\n\r\n \/* Footer Sections *\/\r\n .bd-footer-column {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-section-header {\r\n font-size: 18px !important;\r\n font-weight: 800 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 25px 0 !important;\r\n position: relative !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n padding-bottom: 12px !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n .bd-section-header::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n width: 40px !important;\r\n height: 3px !important;\r\n background: linear-gradient(90deg, #00bcd4, #4fc3f7) !important;\r\n border-radius: 2px !important;\r\n }\r\n\r\n .bd-links-list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .bd-links-list li {\r\n transform: translateX(0) !important;\r\n transition: transform 0.3s ease !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-links-list li:hover {\r\n transform: translateX(8px) !important;\r\n }\r\n\r\n .bd-links-list a {\r\n color: #b0bec5 !important;\r\n text-decoration: none !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 10px 14px !important;\r\n border-radius: 12px !important;\r\n background: rgba(255, 255, 255, 0.02) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n transition: all 0.3s ease !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-links-list a::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(0, 188, 212, 0.1), transparent) !important;\r\n transition: left 0.5s ease !important;\r\n }\r\n\r\n .bd-links-list a:hover {\r\n color: #4fc3f7 !important;\r\n background: rgba(0, 188, 212, 0.08) !important;\r\n border-color: rgba(0, 188, 212, 0.2) !important;\r\n box-shadow: 0 5px 20px rgba(0, 188, 212, 0.1) !important;\r\n }\r\n\r\n .bd-links-list a:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n \/* Payment Methods *\/\r\n .bd-payment-description {\r\n color: #90a4ae !important;\r\n font-size: 14px !important;\r\n margin: 0 0 25px 0 !important;\r\n font-weight: 500 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-payment-methods {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 12px !important;\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .bd-payment-card {\r\n background: linear-gradient(135deg, rgba(0, 188, 212, 0.1), rgba(79, 195, 247, 0.05)) !important;\r\n border: 1px solid rgba(0, 188, 212, 0.2) !important;\r\n padding: 16px 12px !important;\r\n border-radius: 15px !important;\r\n text-align: center !important;\r\n color: #4fc3f7 !important;\r\n font-weight: 700 !important;\r\n font-size: 12px !important;\r\n line-height: 1.3 !important;\r\n transition: all 0.3s ease !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n min-height: 65px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-payment-card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n background: radial-gradient(circle, rgba(0, 188, 212, 0.2) 0%, transparent 70%) !important;\r\n transition: all 0.4s ease !important;\r\n transform: translate(-50%, -50%) !important;\r\n border-radius: 50% !important;\r\n }\r\n\r\n .bd-payment-card:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 10px 30px rgba(0, 188, 212, 0.2) !important;\r\n border-color: rgba(0, 188, 212, 0.4) !important;\r\n }\r\n\r\n .bd-payment-card:hover::after {\r\n width: 200px !important;\r\n height: 200px !important;\r\n }\r\n\r\n .bd-payment-card.bd-cash-special {\r\n background: linear-gradient(135deg, rgba(76, 175, 80, 0.15), rgba(129, 199, 132, 0.08)) !important;\r\n border-color: rgba(76, 175, 80, 0.3) !important;\r\n color: #81c784 !important;\r\n position: relative !important;\r\n }\r\n\r\n .bd-payment-card.bd-cash-special::before {\r\n content: '\u2b50' !important;\r\n position: absolute !important;\r\n top: 8px !important;\r\n right: 12px !important;\r\n font-size: 14px !important;\r\n animation: bd-star-twinkle 2s infinite !important;\r\n }\r\n\r\n @keyframes bd-star-twinkle {\r\n 0%, 100% { opacity: 0.7 !important; transform: scale(1) rotate(0deg) !important; }\r\n 50% { opacity: 1 !important; transform: scale(1.2) rotate(180deg) !important; }\r\n }\r\n\r\n \/* GDPR Section *\/\r\n .bd-gdpr-section {\r\n background: rgba(76, 175, 80, 0.08) !important;\r\n border: 2px solid rgba(76, 175, 80, 0.2) !important;\r\n border-radius: 25px !important;\r\n padding: 40px !important;\r\n text-align: center !important;\r\n margin: 50px 0 !important;\r\n position: relative !important;\r\n backdrop-filter: blur(5px) !important;\r\n }\r\n\r\n .bd-gdpr-section::before {\r\n content: '\ud83d\udd10' !important;\r\n position: absolute !important;\r\n top: -25px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n background: linear-gradient(135deg, #4caf50, #66bb6a) !important;\r\n padding: 15px 20px !important;\r\n border-radius: 50px !important;\r\n font-size: 20px !important;\r\n box-shadow: 0 8px 25px rgba(76, 175, 80, 0.3) !important;\r\n animation: bd-shield-glow 3s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes bd-shield-glow {\r\n 0%, 100% { box-shadow: 0 8px 25px rgba(76, 175, 80, 0.3) !important; }\r\n 50% { box-shadow: 0 12px 35px rgba(76, 175, 80, 0.5) !important; }\r\n }\r\n\r\n .bd-gdpr-title {\r\n color: #81c784 !important;\r\n font-weight: 800 !important;\r\n font-size: 22px !important;\r\n margin: 20px 0 20px 0 !important;\r\n letter-spacing: 0.5px !important;\r\n line-height: 1.2 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-gdpr-text {\r\n color: #b0bec5 !important;\r\n font-size: 16px !important;\r\n line-height: 1.7 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-gdpr-text a {\r\n color: #81c784 !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n border-bottom: 2px dotted #81c784 !important;\r\n transition: all 0.3s ease !important;\r\n padding: 2px 4px !important;\r\n border-radius: 4px !important;\r\n }\r\n\r\n .bd-gdpr-text a:hover {\r\n color: #a5d6a7 !important;\r\n background: rgba(129, 199, 132, 0.1) !important;\r\n border-bottom-style: solid !important;\r\n transform: translateY(-1px) !important;\r\n }\r\n\r\n \/* Footer Bottom *\/\r\n .bd-footer-bottom {\r\n border-top: 2px solid rgba(255, 255, 255, 0.1) !important;\r\n padding: 40px 0 !important;\r\n display: flex !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n flex-wrap: wrap !important;\r\n gap: 30px !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-copyright {\r\n color: #90a4ae !important;\r\n font-size: 16px !important;\r\n font-weight: 600 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-legal-nav {\r\n display: flex !important;\r\n gap: 8px !important;\r\n flex-wrap: wrap !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .bd-legal-nav a {\r\n color: #b0bec5 !important;\r\n text-decoration: none !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n padding: 12px 20px !important;\r\n border-radius: 25px !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n transition: all 0.3s ease !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .bd-legal-nav a::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(0, 188, 212, 0.2), transparent) !important;\r\n transition: left 0.4s ease !important;\r\n }\r\n\r\n .bd-legal-nav a:hover {\r\n background: linear-gradient(135deg, #00bcd4, #4fc3f7) !important;\r\n color: white !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 188, 212, 0.3) !important;\r\n border-color: transparent !important;\r\n }\r\n\r\n .bd-legal-nav a:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n \/* Responsive Design - Conflict-Free *\/\r\n @media screen and (max-width: 1200px) {\r\n .bd-footer-grid {\r\n grid-template-columns: 1.5fr 1fr 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .bd-footer-container {\r\n padding: 0 30px !important;\r\n }\r\n\r\n .bd-payment-methods {\r\n grid-template-columns: 1fr 1fr !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1000px) {\r\n .bd-footer-grid {\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .bd-payment-methods {\r\n grid-template-columns: 1fr !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .bd-payment-card {\r\n min-height: 55px !important;\r\n font-size: 11px !important;\r\n padding: 14px 10px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .bd-footer-main {\r\n padding: 60px 0 30px !important;\r\n }\r\n \r\n .bd-footer-container {\r\n padding: 0 25px !important;\r\n }\r\n \r\n .bd-footer-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 40px !important;\r\n }\r\n \r\n .bd-company-section {\r\n padding: 35px 30px !important;\r\n text-align: center !important;\r\n }\r\n \r\n .bd-company-name {\r\n font-size: 26px !important;\r\n }\r\n\r\n .bd-contact-row {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .bd-shipping-badge {\r\n font-size: 15px !important;\r\n padding: 22px !important;\r\n }\r\n \r\n .bd-footer-bottom {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n gap: 25px !important;\r\n }\r\n \r\n .bd-legal-nav {\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .bd-gdpr-section {\r\n padding: 35px 25px !important;\r\n margin: 40px 0 !important;\r\n }\r\n\r\n .bd-gdpr-title {\r\n font-size: 20px !important;\r\n }\r\n\r\n .bd-gdpr-text {\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .bd-footer-container {\r\n padding: 0 20px !important;\r\n }\r\n \r\n .bd-company-section {\r\n padding: 30px 25px !important;\r\n }\r\n\r\n .bd-company-name {\r\n font-size: 24px !important;\r\n }\r\n \r\n .bd-contact-row {\r\n font-size: 13px !important;\r\n padding: 14px 18px !important;\r\n }\r\n \r\n .bd-shipping-badge {\r\n font-size: 14px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .bd-section-header {\r\n font-size: 16px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .bd-links-list {\r\n gap: 8px !important;\r\n }\r\n\r\n .bd-links-list a {\r\n font-size: 13px !important;\r\n padding: 10px 12px !important;\r\n }\r\n\r\n .bd-payment-card {\r\n padding: 14px 10px !important;\r\n font-size: 11px !important;\r\n min-height: 55px !important;\r\n }\r\n\r\n .bd-legal-nav a {\r\n font-size: 12px !important;\r\n padding: 10px 14px !important;\r\n }\r\n\r\n .bd-gdpr-section {\r\n padding: 25px 15px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- CONFLICT-FREE FOOTER -->\r\n <footer class=\"bd-footer-wrapper\">\r\n <div class=\"bd-footer-main\">\r\n <div class=\"bd-footer-container\">\r\n <div class=\"bd-footer-grid\">\r\n <!-- Company Information -->\r\n <div class=\"bd-company-section\">\r\n <div class=\"bd-company-name\">Best Direct (International), Ltd.<\/div>\r\n <div class=\"bd-contact-grid\">\r\n <div class=\"bd-contact-row\">\r\n <svg class=\"bd-contact-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n <\/svg>\r\n <div>\r\n <strong>Pravna adresa:<\/strong><br>\r\n 12 Station Court, Station Approach<br>\r\n WICKFORD SS11 7AT, United Kingdom\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bd-contact-row\">\r\n <svg class=\"bd-contact-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n <\/svg>\r\n <a href=\"tel:+442086518686\" class=\"bd-contact-link\">+44 20 8651 8686<\/a>\r\n <\/div>\r\n\r\n <div class=\"bd-contact-row\">\r\n <svg class=\"bd-contact-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <a href=\"mailto:info@gohome-bodega.com\" class=\"bd-contact-link\">info@gohome-bodega.com<\/a>\r\n <\/div>\r\n\r\n <div class=\"bd-vat-info\">\r\n <svg class=\"bd-contact-icon\" viewBox=\"0 0 24 24\" style=\"width: 18px !important; height: 18px !important; fill: #4caf50 !important;\">\r\n <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\"\/>\r\n <\/svg>\r\n <strong>PDV broj:<\/strong> GB815205950\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bd-shipping-badge\">\r\n \ud83c\udded\ud83c\uddf7 DOSTAVA U HRVATSKOJ<br>\r\n 24-48h dostava \u2022 Besplatna dostava preko 450 HRK\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Customer Support -->\r\n <div class=\"bd-footer-column\">\r\n <div class=\"bd-section-header\">Korisni\u010dka podr\u0161ka<\/div>\r\n <ul class=\"bd-links-list\">\r\n <li><a href=\"\/kontakt\">\ud83d\udcde Kontaktirajte nas<\/a><\/li>\r\n <li><a href=\"\/faq\">\u2753 \u010cesta pitanja<\/a><\/li>\r\n <li><a href=\"\/delivery-transport\">\ud83d\ude9a Dostava i isporuka<\/a><\/li>\r\n <li><a href=\"\/returns-exchange\">\u21a9\ufe0f Povrat proizvoda<\/a><\/li>\r\n <li><a href=\"\/right-of-withdrawal\">\ud83d\udccb Pravo odustanka<\/a><\/li>\r\n <li><a href=\"\/about-us\">\u2139\ufe0f O nama<\/a><\/li>\r\n <li><a href=\"\/terms-and-conditions\">\ud83d\udcdc Uvjeti kori\u0161tenja<\/a><\/li>\r\n <li><a href=\"\/warranty\">\ud83d\udee1\ufe0f Jamstvo<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Payment Methods -->\r\n <div class=\"bd-footer-column\">\r\n <div class=\"bd-section-header\">Na\u010dini pla\u0107anja<\/div>\r\n <div class=\"bd-payment-description\">\r\n Prihva\u0107amo sve glavne na\u010dine pla\u0107anja:\r\n <\/div>\r\n <div class=\"bd-payment-methods\">\r\n <div class=\"bd-payment-card\">\ud83d\udcb3 Kreditne kartice<\/div>\r\n <div class=\"bd-payment-card\">\ud83c\udfe6 Bankovni transfer<\/div>\r\n <div class=\"bd-payment-card bd-cash-special\">\ud83d\udcb0 Pla\u0107anje pouze\u0107em<\/div>\r\n <div class=\"bd-payment-card\">\ud83d\udcf1 PayPal<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Security & Trust -->\r\n <div class=\"bd-footer-column\">\r\n <div class=\"bd-section-header\">Sigurnost i povjerenje<\/div>\r\n <ul class=\"bd-links-list\">\r\n <li><a href=\"\/secure-shopping\">\ud83d\udd12 Sigurna kupovina<\/a><\/li>\r\n <li><a href=\"\/data-protection\">\ud83d\udee1\ufe0f Za\u0161tita podataka<\/a><\/li>\r\n <li><a href=\"\/quality-certificates\">\u2705 Certifikati kvalitete<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- GDPR Section -->\r\n <div class=\"bd-gdpr-section\">\r\n <div class=\"bd-gdpr-title\">Va\u0161a privatnost je za\u0161ti\u0107ena<\/div>\r\n <div class=\"bd-gdpr-text\">\r\n U potpunosti smo uskla\u0111eni s GDPR propisima. Va\u0161i osobni podaci su sigurni i za\u0161ti\u0107eni. \r\n <a href=\"\/privacy\">Pro\u010ditajte na\u0161a pravila privatnosti<\/a> | \r\n <a href=\"\/cookies\">Postavke kola\u010di\u0107a<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer Bottom -->\r\n <div class=\"bd-footer-bottom\">\r\n <div class=\"bd-copyright\">\r\n © 2025 Best Direct (International), Ltd. Sva prava pridr\u017eana.\r\n <\/div>\r\n \r\n <div class=\"bd-legal-nav\">\r\n <a href=\"\/privacy\">Privatnost<\/a>\r\n <a href=\"\/terms-and-conditions\">Uvjeti<\/a>\r\n <a href=\"\/cookies\">Kola\u010di\u0107i<\/a>\r\n <a href=\"\/refund-policy\">Povrat<\/a>\r\n <a href=\"\/delivery-transport\">Dostava<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Va\u0161a Osobna Udobnost, 365 Dana u Godini – STARLYF THERMO AIR\u00ae Va\u0161a Osobna Udobnost, 365 Dana u Godini Savr\u0161eno za […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clicknchip.online\/index.php?rest_route=\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clicknchip.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clicknchip.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clicknchip.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clicknchip.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=128"}],"version-history":[{"count":0,"href":"https:\/\/clicknchip.online\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions"}],"wp:attachment":[{"href":"https:\/\/clicknchip.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}