[비건라이프] 세이프 천연미네랄 오리지널 주방세제

.premium-content-wrapper { font-family: ‘Pretendard’, ‘Noto Sans KR’, ‘Apple SD Gothic Neo’, sans-serif; background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%); color: #e0e0e0; line-height: 1.8; word-break: keep-all; padding: 40px; border-radius: 20px; margin: 20px 0; box-shadow: 0 20px 60px rgba(0,0,0,0.4); } .premium-title { font-size: 2.5em; font-weight: 800; background: linear-gradient(135deg, #4dabf7 0%, #82c9ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-align: center; margin-bottom: 40px; text-shadow: 0 4px 8px rgba(77, 171, 247, 0.3); } .premium-content-wrapper h2 { font-size: 2.2em; font-weight: 700; color: #4dabf7; text-align: center; padding: 20px 0; margin: 40px 0 30px 0; border-bottom: 3px solid #334a5e; position: relative; } .premium-content-wrapper h2::after { content: ”; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: linear-gradient(90deg, #4dabf7, #82c9ff); } .premium-content-wrapper h3 { font-size: 1.8em; font-weight: 600; color: #82c9ff; margin: 35px 0 20px 0; padding-left: 15px; border-left: 4px solid #4dabf7; } .premium-content-wrapper p { font-size: 1.1em; margin-bottom: 1.5em; text-align: justify; } .premium-content-wrapper strong { color: #ffc107; font-weight: 600; text-shadow: 0 1px 2px rgba(255, 193, 7, 0.3); } .premium-content-wrapper u { text-decoration: none; background: linear-gradient(to top, rgba(255, 193, 7, 0.4) 50%, transparent 50%); font-weight: 500; } .info-highlight { background: linear-gradient(135deg, #253444 0%, #1e2a35 100%); border-left: 5px solid #00aaff; border-radius: 12px; padding: 25px; margin: 30px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); } .info-highlight p { color: #cceeff; margin: 0; font-size: 1.05em; } .premium-content-wrapper ul, .premium-content-wrapper ol { padding-left: 30px; margin: 25px 0; } .premium-content-wrapper li { margin-bottom: 12px; font-size: 1.1em; } .premium-content-wrapper ul li::marker { color: #4dabf7; } .premium-image-wrapper { margin: 30px 0 !important; text-align: center !important; } .image-container { position: relative !important; display: inline-block !important; box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; border-radius: 15px !important; overflow: hidden !important; background: linear-gradient(145deg, #2c2c2c, #1a1a1a) !important; } .image-container img { width: 100% !important; max-width: 700px !important; height: auto !important; display: block !important; border-radius: 15px !important; } .ai-disclaimer { position: absolute !important; bottom: 8px !important; right: 12px !important; background: rgba(0,0,0,0.8) !important; color: #fff !important; padding: 4px 8px !important; border-radius: 12px !important; font-size: 11px !important; backdrop-filter: blur(5px) !important; } .premium-purchase-section { text-align: center; margin: 40px 0; padding: 30px; background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%); border-radius: 20px; box-shadow: 0 15px 35px rgba(255, 107, 53, 0.4); transition: all 0.3s ease; } .premium-purchase-section:hover { transform: translateY(-2px); box-shadow: 0 20px 45px rgba(255, 107, 53, 0.5); } .purchase-content { max-width: 600px; margin: 0 auto; } .premium-purchase-section h3 { color: #fff !important; font-size: 1.8em !important; font-weight: 800 !important; margin-bottom: 15px !important; text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important; border: none !important; padding: 0 !important; } .premium-purchase-section h3::after { display: none !important; } .premium-purchase-button { display: inline-block !important; padding: 18px 50px !important; font-size: 1.4em !important; font-weight: 700 !important; color: #fff !important; background: linear-gradient(45deg, #2c3e50 0%, #34495e 100%) !important; border: none !important; border-radius: 50px !important; text-decoration: none !important; transition: all 0.3s ease !important; box-shadow: 0 8px 25px rgba(52, 73, 94, 0.4) !important; transform: translateY(0) !important; cursor: pointer !important; } .premium-purchase-button:hover { transform: translateY(-3px) scale(1.05) !important; box-shadow: 0 12px 35px rgba(52, 73, 94, 0.6) !important; background: linear-gradient(45deg, #34495e 0%, #2c3e50 100%) !important; color: #fff !important; text-decoration: none !important; } @media (max-width: 768px) { .premium-content-wrapper { padding: 20px; } .premium-title { font-size: 2em; } .premium-content-wrapper h2 { font-size: 1.8em; } .premium-content-wrapper h3 { font-size: 1.5em; } .premium-content-wrapper p { font-size: 1em; } .premium-purchase-section { margin: 30px 0 !important; padding: 20px !important; } .premium-purchase-section h3 { font-size: 1.5em !important; } .premium-purchase-button { padding: 15px 30px !important; font-size: 1.2em !important; } .image-container img { max-width: 100% !important; } }