ค่าจัดส่ง

.md-ship { font-family: inherit; color: inherit; max-width: 720px; } .md-ship .md-hero { padding: 0 0 1.5rem; border-bottom: 1px solid #e8e4de; margin-bottom: 2rem; } .md-ship .md-hero h1 { font-size: 26px; font-weight: 600; margin: 0 0 0.6rem; } .md-ship .md-hero p { font-size: 15px; line-height: 1.75; color: #666; margin: 0; } .md-ship .md-badge { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; background: #f5f2ee; color: #888; padding: 3px 10px; border-radius: 20px; margin-bottom: 1rem; border: 1px solid #e8e4de; } .md-ship .md-section { margin-bottom: 2.25rem; } .md-ship .md-section-title { font-size: 17px; font-weight: 600; margin: 0 0 1rem; display: flex; align-items: center; gap: 8px; color: #222; } .md-ship .md-card { background: #fff; border: 1px solid #e8e4de; border-radius: 12px; padding: 1.25rem 1.5rem; } .md-ship .md-card + .md-card { margin-top: 10px; } .md-ship .md-card-label { font-size: 11px; font-weight: 700; color: #999; margin: 0 0 0.75rem; text-transform: uppercase; letter-spacing: 0.07em; } .md-ship .md-timeline { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 0.85rem; } .md-ship .md-t-item { background: #f8f6f3; border-radius: 8px; padding: 0.85rem 1rem; } .md-ship .md-t-num { font-size: 24px; font-weight: 600; margin: 0 0 2px; color: #222; } .md-ship .md-t-label { font-size: 12px; color: #888; } .md-ship .md-note { font-size: 13px; line-height: 1.65; color: #888; margin: 0; } .md-ship .md-row { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 0.85rem; } .md-ship .md-row:last-child { margin-bottom: 0; } .md-ship .md-icon { font-size: 18px; color: #aaa; margin-top: 1px; flex-shrink: 0; line-height: 1.4; } .md-ship .md-row p { font-size: 14px; line-height: 1.65; color: #666; margin: 0; } .md-ship .md-row p strong { color: #222; font-weight: 600; } .md-ship .md-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 0.75rem; } .md-ship .md-tag { font-size: 13px; padding: 5px 13px; border-radius: 20px; background: #f5f2ee; color: #555; border: 1px solid #e8e4de; } .md-ship .md-notice { background: #f8f6f3; border-left: 3px solid #c8bfb0; border-radius: 0 8px 8px 0; padding: 1rem 1.25rem; display: flex; gap: 10px; align-items: flex-start; margin-top: 2rem; } .md-ship .md-notice p { font-size: 14px; line-height: 1.65; color: #666; margin: 0; } .md-ship .md-notice a { color: #8a6a40; text-decoration: underline; } .md-ship .md-divider { border: none; border-top: 1px solid #e8e4de; margin: 2rem 0 0; } @media (max-width: 480px) { .md-ship .md-timeline { grid-template-columns: 1fr 1fr; } .md-ship .md-t-num { font-size: 20px; } }