.suggestpage-activity { background: #fff; margin: 10px auto 15px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); display: table; width: 100%; max-width: 960px; display: flex; flex-direction: row; } .suggestpage-activity .col-1 { width: 40%; float: left; padding: 25px; box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, 0.07000000000000001); flex-grow: 0; } .suggestpage-activity .col-1 .product-item-name a { font-size: 1.5rem; } .suggestpage-activity .cartinfo h3 { margin-top: 0; } .suggestpage-activity .cartinfo table { margin-bottom: 20px; } .suggestpage-activity .cartinfo tr th { float: left; padding: 5px 10px; } .suggestpage-activity .cartinfo tr td { padding: 5px 10px; } .suggestpage-activity .col-2 { float: right; background: #fafafa; padding: 25px; box-sizing: border-box; flex-grow: 1; } .suggestpage-activity .col-2 table { width: 50%; } .suggestpage-activity .col-suggest-list ol { list-style-type: none; padding: 0 !important; margin-bottom: 0; } .suggestpage-activity .col-suggest-list ol li { display: flex; flex-direction: row; } .suggestpage-activity .col-suggest-list ol li:last-child { margin-bottom: 0; } .suggestpage-activity .product-item-details { width: 100%; padding: 0 10px; } .suggestpage-activity .suggestpage-qty { float: left; font-size: 1.8rem; line-height: 1em; margin-bottom: 25px; } .suggestpage-activity .item-options { clear: left; margin-bottom: 0; } @media (max-width: 480px) { .suggestpage-activity { flex-direction: column; } .suggestpage-activity .col-1 { width: 100%; } .suggestpage-activity .cartinfo .actions button { margin-bottom: 10px; } .suggestpage-activity .col-suggest-list ol li { flex-direction: column; } } .swissup-suggestpage-index-index .column.main .block, .ajaxpro-popup-suggestpage-view .block { margin-top: 30px; } .swissup-suggestpage-index-index .column.main .block.crosssell, .ajaxpro-popup-suggestpage-view .block.crosssell { width: auto; float: none; padding: 0; } /*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2FWsd%5C%2Fverkeer%5C%2Fnl_NL%5C%2FSwissup_Suggestpage%5C%2Fcss%5C%2Fsuggestpage.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CgBAAA%3BEACA%2CsBAAA%3BEACA%2CyCAAA%3BEACA%2CcAAA%3BEACA%2CWAAA%3BEACA%2CgBAAA%3BEACA%2CaAAA%3BEACA%2CmBAAA%3B%3BAARJ%2CqBASI%3BEACI%2CUAAA%3BEACA%2CWAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3BEACA%2C0DAAA%3BEACA%2CYAAA%3B%3BAAfR%2CqBASI%2COAOI%2CmBAAmB%3BEACf%2CiBAAA%3B%3BAAjBZ%2CqBAqBI%2CUACI%3BEACI%2CaAAA%3B%3BAAvBZ%2CqBAqBI%2CUAII%3BEACI%2CmBAAA%3B%3BAA1BZ%2CqBAqBI%2CUAOI%2CGAAG%3BEACC%2CWAAA%3BEACA%2CiBAAA%3B%3BAA9BZ%2CqBAqBI%2CUAWI%2CGAAG%3BEACA%2CiBAAA%3B%3BAAjCX%2CqBAqCI%3BEACI%2CYAAA%3BEACA%2CmBAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CYAAA%3B%3BAA1CR%2CqBAqCI%2COAMI%3BEACI%2CUAAA%3B%3BAA5CZ%2CqBAgDI%2CkBAAkB%3BEACd%2CqBAAA%3BEACA%2CqBAAA%3BEACA%2CgBAAA%3B%3BAAnDR%2CqBAgDI%2CkBAAkB%2CGAId%3BEACI%2CaAAA%3BEACA%2CmBAAA%3B%3BAACA%2CqBAPR%2CkBAAkB%2CGAId%2CGAGK%3BEACG%2CgBAAA%3B%3BAAxDhB%2CqBA4DI%3BEACI%2CWAAA%3BEACA%2CeAAA%3B%3BAA9DR%2CqBAiEI%3BEACI%2CWAAA%3BEACA%2CiBAAA%3BEACA%2CgBAAA%3BEACA%2CmBAAA%3B%3BAArER%2CqBAwEI%3BEACI%2CWAAA%3BEACA%2CgBAAA%3B%3BAAoBR%2CQAhByB%3BEACrB%3BIACI%2CsBAAA%3B%3BEADJ%2CqBAEI%3BIACI%2CWAAA%3B%3BEAHR%2CqBAMI%2CUAAU%2CSAAS%3BIACf%2CmBAAA%3B%3BEAPR%2CqBASI%2CkBAAkB%2CGAAG%3BIACjB%2CsBAAA%3B%3B%3BAAKZ%2CgCAAiC%2CQAAO%2CKAEpC%3BAADJ%2C%2BBACI%3BEACI%2CgBAAA%3B%3BAACA%2CgCAJyB%2CQAAO%2CKAEpC%2COAEK%3BAAAD%2C%2BBAFJ%2COAEK%3BEACG%2CWAAA%3BEACA%2CWAAA%3BEACA%2CUAAA%22%7D */.sitemap-stores li.store { display: inline-block; margin-right: 10px; } .sitemap-block { margin: 10px 0; } .sitemap-block-content { margin: 0 10px; } .sitemap-links-grouped .links-group-title { border-bottom: 1px solid #e4e4e4; color: #555; font-size: 15px; line-height: 20px; margin: 0 0 7px; position: relative; text-transform: uppercase; } .sitemap-links-grouped .links-group { margin: 0 0 15px; } .sitemap-links-grouped .list-links-grouped { list-style-type: none; padding: 0 !important; } .col2-set .col-1 { float: left; width: 49%; padding: 0 !important; } .col2-set .col-2 { float: right; width: 49%; padding: 0 !important; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } .col2-set:after, .col3-set:after, .col4-set:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } @media (max-width: 480px) { .col2-set .col-1, .col2-set .col-2, .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: none; width: auto; margin: 0 0 10px; clear: both; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float: left; width: 49%; } .col4-set .col-2, .col4-set .col-4 { float: right; margin: 0; } .col4-set .col-3 { clear: left; } }