Açıklama

/* Tüm stilleri sadece bu kapsayıcıya uyguluyoruz */ #product-template-container { font-family: ‘Poppins’, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: auto; padding: 20px; font-size: 14px; } #product-template-container .product-title { color: #1a1a1a; font-size: 2rem; font-weight: 600; text-align: center; margin-bottom: 25px; letter-spacing: 1px; position: relative; } #product-template-container .product-title::after { content: ”; display: block; width: 80px; height: 4px; background-color: #EBDC03; margin: 10px auto 0; border-radius: 2px; } #product-template-container h4 { font-size: 1.5rem; color: #1a1a1a; margin-top: 30px; margin-bottom: 15px; position: relative; padding-bottom: 10px; } #product-template-container h4::after { content: ”; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #EBDC03; border-radius: 2px; } #product-template-container .section-container { border: 1px solid #f0f0f0; padding: 20px; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } #product-template-container .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 30px; } #product-template-container .info-item { display: flex; align-items: center; gap: 10px; } #product-template-container .info-item .label { font-weight: 600; color: #555; } #product-template-container .info-item .value { font-weight: 400; } #product-template-container .features-list { list-style-type: none; padding: 0; margin: 0; } #product-template-container .features-list li { font-size: 14px; position: relative; padding-left: 30px; margin-bottom: 10px; } #product-template-container .features-list li i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #EBDC03; font-size: 1.2em; } @keyframes pulse-green { 0% { box-shadow: 0 0 0 0 rgba(107, 158, 86, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(107, 158, 86, 0); } 100% { box-shadow: 0 0 0 0 rgba(107, 158, 86, 0); } } #product-template-container .trust-box { background-image: linear-gradient(135deg, #7BBF64, #6B9E56); color: #FFFFFF; border: none; padding: 20px; margin-top: 30px; border-radius: 12px; text-align: left; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); cursor: pointer; transition: all 0.3s ease; animation: pulse-green 2s infinite; } #product-template-container .trust-box:hover { transform: scale(1.03); box-shadow: 0 10px 20px rgba(107, 158, 86, 0.5); animation-play-state: paused; } #product-template-container .trust-box strong { color: #FFC107; } #product-template-container .trust-box-content p { margin-bottom: 15px; } #product-template-container .trust-box-content ul { margin-top: 20px; } @media screen and (max-width: 600px) { #product-template-container .info-grid { grid-template-columns: 1fr; } }