Hislon CL222S-03SS Erkek Kol Saati

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); .product-details-hislon { max-width: 100%; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #1a1a1a; line-height: 1.6; background: #fafafa; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.08); } .product-header-hislon { text-align: center; padding: 3rem 2rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); position: relative; } .product-title-hislon { margin: 0 0 1rem 0; font-size: 2.5rem; font-weight: 800; color: white; text-shadow: 0 4px 20px rgba(0,0,0,0.3); letter-spacing: -0.02em; } .description-paragraph { font-size: 1.1em; line-height: 1.8; margin: 2rem; padding: 2rem; background: white; border-radius: 16px; border-left: 4px solid #667eea; } .specs-section { padding: 2rem; background: white; margin: 1rem 2rem; border-radius: 16px; } .specs-group-title { font-size: 1.5em; font-weight: 700; color: #667eea; border-bottom: 3px solid #f0f0f0; padding-bottom: 0.8em; margin-top: 2em; margin-bottom: 1.5em; } .specs-list { display: grid; grid-template-columns: max-content 1fr; gap: 1rem 2rem; padding: 0; margin: 0; } .specs-list dt { font-weight: 600; color: #374151; text-align: left; padding: 0.5rem 0; } .specs-list dd { margin: 0; text-align: left; color: #667eea; font-weight: 500; padding: 0.5rem 1rem; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); border-radius: 8px; border: 1px solid #e2e8f0; } .brand-footer-hislon { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); color: white; padding: 3rem 2rem; text-align: center; } .brand-footer-hislon h3 { margin: 0 0 1rem 0; font-size: 2.5rem; font-weight: 800; letter-spacing: 4px; background: linear-gradient(135deg, #fff 0%, #e2e8f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .brand-footer-hislon p { margin: 0 0 2rem 0; opacity: 0.9; font-style: italic; font-size: 1.1rem; } .guarantee-badges-hislon { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; } .badge-hislon { background: rgba(255,255,255,0.1); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); padding: 0.8rem 1.5rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; } @media (max-width: 768px) { .product-title-hislon { font-size: 2rem; } .specs-list { grid-template-columns: 1fr; gap: 0.5rem; } .product-details-hislon { margin: 1rem; border-radius: 20px; } }