--> /* KUNCI overflow agar tidak meluber ke kanan */ /* Biarkan Glide bekerja normal */ /* jaga-jaga */ /* rollback kalau sebelumnya sempat dipasang: */ /* Pastikan gambar terlihat dan tidak “ngecil 0” */ /* Anti scroll horizontal */ /* Container tombol */ /* Efek kilau untuk kedua tombol */ /* Tombol LOGIN - Yellow Chrome Glossy Premium */ /* Efek highlight atas untuk efek chrome */ /* Tombol REGISTER - Dark Chrome Premium */ /* Efek highlight atas untuk efek dark chrome */ /* Efek hover untuk interaksi */ /* Efek ikon panah kecil (opsional) */ /* Responsif untuk mobile */ /* Efek Yellow Chrome dengan gradasi metalik */ /* Memberikan sedikit tekstur border agar lebih tegas */ /* Bayangan lebih dalam untuk efek timbul */ /* Hover menjadi chrome yang lebih cerah/menyala */ /* ==================================== INFO BOX REDESIGN - BLACK GOLD ELEGAN Background Putih dengan Aksen Black Gold ===================================== */ /* === VARIABLES === */ /* === MAIN CONTAINER === */ /* Efek garis dekoratif di pojok */ /* === HEADER === */ /* Efek garis emas di header */ /* === ROWS === */ /* Hover effect untuk baris terakhir */ /* === LABEL === */ /* Titik emas di depan label */ /* === VALUE === */ /* Strong dalam value */ /* === RATING SPECIAL === */ /* Bintang rating */ /* Sembunyikan bintang asli jika ada */ /* === RESPONSIVE === */ /* Styling untuk Description Section */ /* Responsive Design */ /* Mengubah palet abu-abu menjadi Yellow Chrome */ --brand: #FFD700; /* Gold/Chrome Light */ --brand-mid: #FFB700; /* Chrome Standard */ --brand-dark: #FFA500; /* Chrome Deep */ box-shadow: 0 10px 25px rgba(255, 183, 0, .2); /* Shadow sedikit kekuningan */ /* Efek Gradasi Chrome Glossy */ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); /* Shadow terang agar teks hitam terbaca mewah */ background: #FFF9E6; /* Kuning sangat muda untuk kontras kolom */ /* Aksen garis samping Yellow Chrome */ filter: sepia(1) saturate(5) hue-rotate(10deg); /* Membuat emoji sedikit kekuningan */ color: var(--brand-dark); /* Nilai angka rating jadi warna chrome */ /* ⭐ STAR SYSTEM - Sekarang Full Yellow Chrome */ --star-fill: var(--brand-mid); /* Warna bintang jadi kuning chrome */ /* Efek kilau pada bintang */ window.TeePublic.ProductImages = productImages; // Update the gallery if a product selection has been made const productImageSwapQueue = window.TeePublic && window.TeePublic.ProductImageSwapQueue; if (!productImageSwapQueue) return; window.TeePublic.ProductHelper.updateGallery( productImageSwapQueue.gallery, productImageSwapQueue.productId ); } else { console.error('Error: ' + xhr.status); } }; xhr.onerror = function(error) { console.error('Error: ' + error); }; xhr.send(); function checkProductImageSwapQueue() { } if (true) { // Rudderstack initialize script TeePublic.RudderstackHelpers.renderRudderstackScript(); } // Datadog RUM script (function(h,o,u,n,d) { h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}} d=o.createElement(u);d.async=1;d.src=n n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n) })(window,document,'script','https://www.datadoghq-browser-agent.com/us5/v5/datadog-rum.js','DD_RUM') DD_RUM.onReady(function() { DD_RUM.init({ clientToken: 'pub8afcb76e7747723499bda481aef4828f', applicationId: '815ab20a-1d12-45bb-9881-005646b95f6b', site: 'us5.datadoghq.com', service: 'teepublic', env: 'production', version: '18173265448-2844-1', sessionSampleRate: 10, sessionReplaySampleRate: 0, traceSampleRate: 5, trackUserInteractions: true, trackResources: true, trackLongTasks: true, defaultPrivacyLevel: 'mask-user-input', allowedTracingUrls: [ 'https://www.teepublic.com', 'https://www.teepublic-staging.com' ] }); }); // Google Analytics script (function() { window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-39467830-1', 'auto'); // Google Optimize Container ga('require', 'GTM-KL7BC3L'); // ga('send', 'pageview'); })(); var gaScript = document.createElement('script'); gaScript.async = true; gaScript.src = 'https://www.google-analytics.com/analytics.js'; document.head.appendChild(gaScript); } }, false); } window.addEventListener('load', function() { if (true && window.rudderanalytics != undefined) { TeePublic.RudderstackHelpers.storeContextSessionId(); } if (window.Cookiebot !== undefined) { if (Cookies.get('cookiebot_geo') === undefined) { Cookies.set('cookiebot_geo', Cookiebot.userCountry.toUpperCase(), { expires: 365, secure: true }) } } }); TeePublic.initProductClicks(); /* BUTTON BASE (EQUAL SIZE) */ /* ICON */ /* FLOAT DELAY */ /* HOVER GLOW */ /* ACTIVE GOLD */ /* FLOAT ANIMATION */ /* RESPONSIVE */