(function() { var colors = { make: '#FF6F2C', care: '#E8804F', maintenance: '#FF6F2C' }; var selected = { make: '2926', care: '2931', maintenance: '2975' }; var currentTab = 'make'; function updateButton() { var id = selected[currentTab]; var color = colors[currentTab]; var btn = document.getElementById('teetto-submit-btn'); btn.href = 'https://teetto.kr/cart/?add-to-cart=' + id; btn.style.background = color; } // 탭 전환 document.querySelectorAll('.teetto-tab-btn').forEach(function(btn) { btn.addEventListener('click', function() { var tab = this.getAttribute('data-tab'); currentTab = tab; document.querySelectorAll('.teetto-tab-btn').forEach(function(b) { b.style.background = 'transparent'; b.style.color = '#888'; b.style.boxShadow = 'none'; }); this.style.background = '#fff'; this.style.color = colors[tab]; this.style.boxShadow = '0 2px 6px rgba(0,0,0,.08)'; document.querySelectorAll('.teetto-panel').forEach(function(p) { p.style.display = (p.getAttribute('data-panel') === tab) ? 'block' : 'none'; }); updateButton(); }); }); // 카드 선택 document.querySelectorAll('.teetto-plan-radio').forEach(function(card) { card.addEventListener('click', function() { var group = this.getAttribute('data-group'); var id = this.getAttribute('data-id'); var color = colors[group]; document.querySelectorAll('.teetto-plan-radio[data-group="' + group + '"]').forEach(function(c) { c.style.border = '2px solid #E0E0E0'; c.style.background = '#fff'; c.querySelector('input').checked = false; var badge = c.querySelector('span'); if (badge && c !== card) badge.style.display = 'none'; }); this.style.border = '2px solid ' + color; this.style.background = (group === 'care') ? '#FFF6EF' : '#F3FBFA'; this.querySelector('input').checked = true; selected[group] = id; updateButton(); }); }); updateButton(); })();