.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; } .addtocart-checkboxes .products-grid .item { padding-bottom: 50px; } .addtocart-checkboxes .product-image-wrapper { position: relative; } .addtocart-checkboxes .product-image-wrapper .checkbox { position: absolute; right: 0; bottom: 0; } .soldtogether-block { clear: both; } .soldtogether-block .amazonstyle-images { margin: 10px 0; padding: 0; zoom: 1; } .soldtogether-block .amazonstyle-images::after { clear: both; content: '.'; display: block; font-size: 0; height: 0; visibility: hidden; } .soldtogether-block .amazonstyle-images li { display: inline-block; opacity: 1; transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; } .soldtogether-block .amazonstyle-images li.item { overflow: hidden; position: relative; padding-left: 32px; } .soldtogether-block .amazonstyle-images li.item::before { position: absolute; content: ''; background-image: url(../../frontend/Swissup/argento-force/de_DE/Swissup_SoldTogether/images/plus.png); background-repeat: no-repeat; background-position: center; display: block; height: 32px; width: 32px; left: 0; top: 50%; transform: translateY(-50%); } .soldtogether-block .amazonstyle-images li.item-inactive { opacity: 0.3; } .soldtogether-block .amazonstyle-checkboxes { clear: both; padding: 0; } .soldtogether-block .amazonstyle-checkboxes .price-box { display: inline; margin: 10px 0; } .soldtogether-block .amazonstyle-checkboxes .price-box .minimal-price-link, .soldtogether-block .amazonstyle-checkboxes .price-box p { display: inline; } .soldtogether-block .amazonstyle-checkboxes .minimal-price .price-label { font-weight: normal; } .soldtogether-block .amazonstyle-checkboxes li { margin: 0; padding: 2px 5px; list-style: none; } .soldtogether-block .amazonstyle-checkboxes .button-cart { display: inline-block; margin: 10px 0 0 0; } .soldtogether-block .product-items-list { padding: 0; margin: 0; } .soldtogether-block .price-including-tax, .soldtogether-block .price-excluding-tax { display: inline; } .soldtogether-block .product-item-name { display: inline; padding-right: 5px; } .soldtogether-block .totalprice { display: inline; font-weight: bold; margin: 0 10px; vertical-align: middle; } .soldtogether-block .totalprice h5 { display: inline; margin: 5px; } .soldtogether-block .details-toggler { display: none; } .soldtogether-block .details-toggler + label { font-size: .9em; cursor: pointer; color: #006bb4; } .soldtogether-block .details-toggler + label:hover { text-decoration: underline; } .soldtogether-block .details-toggler + label::before { content: attr(data-show); } .soldtogether-block .details-toggler:checked + label::before { content: attr(data-hide); } .soldtogether-block .details-toggler:not(:checked) + label ~ * { display: none; } .soldtogether-swiper { clear: both; max-width: 100%; } .soldtogether-swiper .swiper-container .swiper-slide { width: auto; } .soldtogether-swiper .swiper-container:not(.swiper-container-initialized) .swiper-slide:nth-child(n+2) { visibility: hidden; } .soldtogether-swiper .product-item { text-align: center; } .soldtogether-swiper .product-item-info { margin: 0 auto; width: auto; } .soldtogether-swiper .product-item-name, .soldtogether-swiper .product.name a { min-height: 40px; overflow: hidden; } /* WORKAROUND for rtl (porto_rtl) -- START */ html:not([lang="he-IL"]) .soldtogether-block .amazonstyle-images .first { padding-left: 0; margin-left: 0; } html:not([lang="he-IL"]) .soldtogether-block .amazonstyle-images .first::before { display: none; } html[lang="he-IL"] .soldtogether-block .amazonstyle-images li { float: right; } html[lang="he-IL"] .soldtogether-block .amazonstyle-images li:last-child { padding-left: 0; } html[lang="he-IL"] .soldtogether-block .amazonstyle-images li:last-child::before { display: none; } /* WORKAROUND for rtl (porto_rtl) -- END */ @media screen and (max-width: 770px) { .soldtogether-block .amazonstyle-images .product-image-container { width: 100px !important; } } .amazon-stripe .amazonstyle-images { text-align: center; margin: 10px 5px; } .amazon-stripe .amazonstyle-images li.first { display: none; } .amazon-stripe .amazonstyle-images li.first + li.plus + li { padding-left: 0; } .amazon-stripe .amazonstyle-images li.first + li.plus + li::before { display: none; } .amazon-stripe .product-photo-wrapper { display: inline-block; position: relative; } .amazon-stripe .product-photo-wrapper .checkbox { margin: 0; position: absolute; top: .5rem; right: 0.5rem; z-index: 2; } .amazon-stripe .amazonstyle-checkboxes { align-items: center; display: flex; flex-direction: row; padding: 1rem; } .amazon-stripe .amazonstyle-checkboxes li.button-cart { margin: 0; } @media screen and (min-width: 768px) { .amazon-stripe .block-content { display: flex; } .amazon-stripe .block-content .amazonstyle-images { flex: 4; display: flex; justify-content: space-around; } .amazon-stripe .block-content .amazonstyle-images li { padding-left: 0; } .amazon-stripe .block-content .amazonstyle-images li::before { display: none; } .amazon-stripe .block-content .amazonstyle-images li:not(.first) + li.plus { position: relative; padding-left: 32px; } .amazon-stripe .block-content .amazonstyle-images li:not(.first) + li.plus::before { position: absolute; content: ''; background-image: url(../../frontend/Swissup/argento-force/de_DE/Swissup_SoldTogether/images/plus.png); background-repeat: no-repeat; background-position: center; display: block; height: 32px; width: 32px; left: 0; top: 50%; transform: translateY(-50%); } .amazon-stripe .block-content .amazonstyle-checkboxes { flex: 1; flex-direction: column-reverse; justify-content: center; padding: 0; } .amazon-stripe .block-content .amazonstyle-checkboxes li.button-cart { margin: 10px 0; } } .soldtogether-block .configurable, .soldtogether-swiper .configurable { margin-bottom: 10px; } .soldtogether-block .configurable label, .soldtogether-swiper .configurable label { font-weight: 700; } .soldtogether-block.amazon-stripe [class^="swatch-opt-"], .soldtogether-block.amazon-stripe [class^="configurable-opt-"] { display: block !important; position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 0 2%; background: #fff; transition: transform .2s, visibility .2s; max-height: calc(100% - 20px); overflow: auto; } .soldtogether-block.amazon-stripe .details-toggler:not(:checked) ~ [class^="swatch-opt-"], .soldtogether-block.amazon-stripe .details-toggler:not(:checked) ~ [class^="configurable-opt-"] { visibility: hidden; transform: translateY(-100%); } .soldtogether-block [class^="swatch-opt-"] select, .soldtogether-block [class^="configurable-opt-"] select { max-width: 300px; } .soldtogether-swiper .field.choice [class^="swatch-opt-"], .soldtogether-swiper .field.choice [class^="configurable-opt-"] { position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 0 2%; background: #fff; transition: transform .2s, visibility .2s; } .soldtogether-swiper .field.choice input:not(:checked) ~ [class^="swatch-opt-"], .soldtogether-swiper .field.choice input:not(:checked) ~ [class^="configurable-opt-"] { visibility: hidden; transform: translateY(-100%); } .soldtogether-swiper [class^="swatch-opt-"], .soldtogether-swiper [class^="configurable-opt-"] { text-align: initial; } .soldtogether-swiper .field.choice { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; display: inline-block; padding: 0 0 0 7px; } .soldtogether-swiper .field.choice:hover { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12); } .soldtogether-swiper .field.choice label { display: inline-block; cursor: pointer; padding: 7px 7px 7px 0; } .product.data.items .soldtogether-block > .block-title { display: none; } .soldtogether-block .amazonstyle-checkboxes [type=checkbox] { margin: 0 5px 0 0; } .soldtogether-block .amazonstyle-checkboxes .price-container .price { font-size: inherit; } @media only screen and (max-width: 767px) { .soldtogether-block .amazonstyle-images li.item { padding-left: 18px; max-width: 120px; } .soldtogether-block .amazonstyle-images li.item::before { height: 12px; width: 12px; } .soldtogether-block .amazonstyle-images li.item.first { max-width: 102px; } }