/* Global Success Message */
.message.success 	{ font-size: 18px; line-height: 1.2; font-weight: 400; padding: 22px 20px 22px 60px; margin: 0 0 30px; }
.message.success a 	{ color: #006400; text-decoration: underline; }
.message.success a:hover 	{ color: #222; text-decoration: underline; }
.message.success > *:first-child:before 	{ font-size: 41px; top: 33px; left: 10px; }

/* Title */
.veg-box  	{ margin-bottom: 50px; }
.veg-box .page-title 	{ color: #222; font-size: 24px; font-weight: 400; line-height: 1.2; margin: 20px 0; }

/* List */
.veg-box .box-list 	{ margin: 0; list-style: none; padding: 0; }
.veg-box .box-list .box-type 	{ margin: 0; padding: 45px 0; border-bottom: 1px solid #dbdbdb }
.veg-box .box-list .box-type:first-child 	{ padding-top: 20px; }
.veg-box .box-list .box-type:last-child 	{ border: 0; }

/* Box Title */
.veg-box h3 		{ font-size: 20px; font-weight: 400; line-height: 1.3; width: 100%; margin: 0 0 20px ;}

/* Lead */
.veg-box .box-lead 	{ display: flex; align-items: flex-start; flex-wrap: wrap; }

/* Quantity */
.veg-box .qty-group 	{ margin: 0 0 0 auto }
.veg-box .qty-group input[type=text]	{ height: 46px; }

/* Contents */
.veg-box .box-contents 		{ font-size: 14px; }
.veg-box .box-contents .box-contents-title		{ cursor: pointer; margin: 0; }
.veg-box .box-contents .box-contents-title:after		{ content: '+'; padding-left: 5px; }
.veg-box .box-contents .box-contents-title.active:after		{ content: '-' }
.veg-box .box-contents p:not(.box-contents-title) 	{ padding-top: 20px; }
.veg-box .box-contents ul 	{ column-count: 2; margin: 0; padding: 20px 0 0 20px; list-style-type: disc; }
.veg-box .box-contents ul li  	{ margin: 0; padding: 0; width: 100%; }

/* Actions */
.content-container .veg-box .action.primary 	{ height: 48px; line-height: 48px; margin: 0 0 20px auto; padding: 0 10px; width: calc(100% - 112px); }

/* Panel List */
.panel-list  	{ margin: 0 0 120px; }
.panel-list .panel 	{ border-bottom: 1px solid #dbdbdb; padding: 0 0 77px; margin: 0 0 77px; }
.panel-list .panel:last-child 	{ border: 0; padding: 0; }
.panel-list .panel h3	{ color: #46804b; font-size: 28px; margin: 0 0 20px; font-weight: 400; }
.panel-list .panel .aside  	{ margin-bottom: 30px; }
.panel-list .panel .aside img	{ display: block; }

/* Category CTA */
.page-layout-cms-fresh-veg .content-container .category-cta-container 	{ width: 100%; padding-bottom: 10px; }

@media (min-width: 500px) {

	/* Lead */
	.veg-box .box-lead 	{ flex-wrap: nowrap; }

	/* Actions */
	.content-container .veg-box .action.primary 	{ height: 48px; line-height: 48px; margin: 0 0 0 20px; padding: 0 10px; width: 240px; }

}

@media (min-width: 768px) {

	/* Layout */
	.veg-box 	{ display: flex; justify-content: space-between; margin-top: 12px; }
	.veg-box .aside 	{ width: 46.19%; }
	.veg-box .detail 	{ width: 46.1%; }

	/* Title */
	.veg-box .page-title		{ font-size: 32px; margin: -10px 0 16px 0; }

	/* Panels */
	.panel-list .panel 	{ display: flex; justify-content: space-between; align-items: center }
	.panel-list .panel .detail 	{ max-width: calc(100% - 430px); }
	.panel-list .panel .aside 	{ flex: 0 0 500px; margin-bottom: 0; }
	.panel-list .panel:nth-child(2n - 1) .aside 	{ order: 10; }

	/* Actions */
	.content-container .veg-box .action.primary 	{ width: 188px; }

	/* Box Title */
	.veg-box h3 		{ font-size: 28px; margin: 0 0 20px; }

	/* List */
	.veg-box .box-list .box-type:first-child 	{ padding-top: 45px; }

	/* Contents */
	.veg-box .box-contents 		{ font-size: 16px; }

	/* Quantity */
	.veg-box .qty-group 	{ margin: 0 0 20px; }

	/* Lead */
	.veg-box .box-lead 	{ flex-wrap: wrap; }

	/* Category CTA */
	.page-layout-cms-fresh-veg .content-container .category-cta-container .category-cta .cta 	{ margin-bottom: 0; }

	/* Panel */
	.panel-list .panel .aside 	{ flex: 0 0 400px }

}

@media (min-width: 1295px) {

	/* Title */
	.veg-box .page-title		{ font-size: 46px; line-height: 1.3; }
	.veg-box h3 	{ width: auto; margin: 0; }

	/* Contents */
	.veg-box .box-contents ul 	{ column-count: 3; }

	/* Quantity */
	.veg-box .qty-group 	{ margin: 7px 0 0 auto; }

	/* Action */
	.content-container .veg-box .action.primary 	{ margin-top: 7px; }

	/* Lead */
	.veg-box .box-lead 	{ flex-wrap: nowrap; }
	.veg-box .box-contents .box-contents-title 	{ margin-top: -13px; }

	/* Panel */
	.panel-list .panel .aside 	{ flex: 0 0 500px }
	.panel-list .panel .detail 	{ max-width: calc(100% - 630px); }

}