:host { display: block; font-size: 14px; line-height: 1.4; }
:host * { box-sizing: border-box; }

.va-addon-title { font-size: 32px; font-weight: 300; margin-top: 0; color: #212121; }
@media screen and (min-width: 600px) { .va-addon-title { font-size: 32px; } }

img { max-width: 100%; }

va-icon { display: inline-block; }

.addon-page { position: relative; margin: 0 auto 20px; background: #fff; box-shadow: 0 3px 10px rgba(33, 33, 33, 0.3); overflow: hidden; font-size: 16px; color: #212121; }
.addon-page .item-amount { color: #999; font-size: 14px; text-align: right; margin: 0 24px 8px; }

section { padding: 24px; }

.left-column { width: 66%; }
@media screen and (max-width: 600px) { .left-column { width: 100%; } }

.right-column { width: 34%; }
@media screen and (max-width: 600px) { .right-column { width: 100%; } }

.addon-content { display: flex; }
@media screen and (max-width: 600px) { .addon-content { flex-direction: column; } }