@charset "UTF-8";
/* CSS Document */
/* Purchase Page Layout Additions */
body { background-color: #FBFBFD; font-family: 'Inter', 'Noto Sans SC', sans-serif; font-size: 16px; padding: 0; margin: 0;}
.main-shop {padding-top: 80px;}
.pricing-section { padding: 0 0 64px; text-align: center; }
.pricing-title, .section-title { margin-top: 0; margin-bottom: 0.25rem; font-weight: 800; font-size: 40px;}
.pricing-subtitle, .section-subtitle { color: #52565e; margin-bottom: 56px; font-size: 20px;}
.pricing-grid { display: flex; justify-content: center; gap: 24px; flex-wrap: nowrap; align-items: stretch; max-width: 1000px; margin: 0 auto;}
.pricing-card { background: white; border-radius: 20px; padding:40px; width: 100%; max-width: 400px; text-align: left; position: relative; display: flex; flex-direction: column; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;}
.pricing-card.highlight { border: 2px solid #0071E3; box-shadow: 0 10px 30px rgba(0, 113, 227, 0.15); }
.pricing-card:not(.highlight) { border: 1px solid #d2d2d7; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03); margin-top: 32px; margin-bottom: 32px;}
.pricing-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}
.pricing-card.highlight:hover { box-shadow: 0 20px 40px rgba(0, 113, 227, 0.2);}
.badge {position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #0071E3; color: white; padding: 6px 12px; border-radius: 16px; font-weight: 600; letter-spacing: 1px; font-size: 14px;}
.pricing-card h3 {font-size: 25px; font-weight: 700; margin-bottom: 8px; color: #1d1d1f;}
.pricing-card p {color: #86868b; margin-bottom: 24px; font-size: 16px;}
.pricing-card .price {margin-bottom: 32px;}
.pricing-card .price span.price_up {font-size: 20px; font-weight: 600; color: #1d1d1f; vertical-align: top; position: relative; top: 2px;}
.pricing-card .price span.price_how {font-size: 64px; font-weight: 800; color: #1d1d1f; line-height: 1;}
.pricing-card .price span.price_v {color: #86868b; font-weight: 500; font-size: 20px;}
.pricing-card .btn-primary {display: block; text-align: center; padding: 16px; font-size:20px; font-weight: 600; margin-bottom: 32px; background: #f5f5f7; color: #1d1d1f; border-radius: 98px; text-decoration: none; border: var(--glass-border); box-shadow: none;}
.pricing-card.highlight .btn-primary { background: linear-gradient(135deg, #0071E3 0%, #00AAFF 100%);;  color: white; box-shadow: var(--shadow-glow);}
.pricing-card .btn-primary:hover {text-decoration: none;}
.pricing-card ul.features { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(0,0,0,0.05); padding-top: 32px;}
.pricing-card ul.features li {margin-bottom: 16px; display: flex; align-items: flex-start; gap: 16px; color: #52565e;}
.pricing-card ul.features li span {font-weight: 500;}
.pricing-card ul.features li:last-child { margin-bottom: 0;}
.pricing-card.highlight  ul.features li { color: #1d1d1f;}
	
.trust-banner { background: white; padding: 64px 0; border-top: 1px solid #e5e5ea; border-bottom: 1px solid #e5e5ea;}
.trust-icons { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 0; text-align: center;}
.trust-item { display: flex; flex-direction: column; align-items: center; gap: 16px;  color: #1d1d1f; font-weight: 600; width: 20%; text-align: center;}
.trust-item .trust-ic { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.trust-item span {font-size: 20px;}
.trust-item span span {font-size: 14px; line-height: 1.5; color: #555; display: block; margin-top: 8px; font-weight: 500;}

.faq-section {padding: 64px 0;}
.faq-container {padding: 0 24px;}
.faq-item {padding: 24px 0; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.faq-item:last-child {border-bottom: none; }
.faq-question {font-size: 20px; gap: 16px; align-items: center;}
.faq-question-icon {margin-top: 0; }
.faq-answer {font-size: 16px;margin-top: 24px; }

/* Responsive Styles */
@media (max-width: 768px) { 
.pricing-card:not(.highlight) { margin-top: 0; margin-bottom: 0; }
.price span:nth-child(2) { font-size: 48px !important; }
.trust-item { width: 40%; }
}