wickes-css2 2.103.0-RG-1587-replace-klarna-logo-with-svg-image.1 → 2.103.0-RG-1742-billie-30-60-90-days.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/Readme.md +1 -0
  2. package/build/css/components/card-product-banner.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/main.css +1 -1
  5. package/build/css/pdp-main-non-critical.css +1 -1
  6. package/build/css/plp-main.css +1 -1
  7. package/build/js/basket.min.js +1 -1
  8. package/build/js/bundle.min.js +1 -1
  9. package/build/js/checkout.min.js +1 -1
  10. package/build/js/emulation.min.js +19 -55
  11. package/build/js/merged-checkout.min.js +1 -1
  12. package/build/js/page/plp-cards-v2.js +6 -15
  13. package/build/js/page/plp-load-more.js +1 -1
  14. package/build/js/plp.bundle.min.js +1 -1
  15. package/build/js/project-list.min.js +1 -1
  16. package/package.json +2 -2
  17. package/src/components/card_product_v2.hbs +5 -10
  18. package/src/components/checkout-payment-details-v2.hbs +24 -9
  19. package/src/components/checkout-payment-repayment-terms.hbs +25 -0
  20. package/src/components/checkout_payment-new.hbs +4 -1
  21. package/src/components/checkout_payment-other-methods.hbs +4 -1
  22. package/src/components/injected-content.hbs +1 -1
  23. package/src/components/payments-checkout-v2.hbs +7 -2
  24. package/src/components/payments-checkout.hbs +6 -1
  25. package/src/components/payments.hbs +5 -1
  26. package/src/components/table_order-details-klarna.hbs +1 -1
  27. package/src/components/table_payment.hbs +4 -1
  28. package/src/data/data_search-results_v2.json +141 -56
  29. package/src/data/data_wismo.json +1 -1
  30. package/src/js/components/product-banner.js +148 -0
  31. package/src/js/emulation/forms.js +19 -1
  32. package/src/js/page/plp-cards-v2.js +6 -15
  33. package/src/js/page/plp-load-more.js +1 -1
  34. package/src/page_checkout_payment-details_guest-with-checkout-journey.html +1 -1
  35. package/src/page_my-order.html +1 -1
  36. package/src/page_payment-details-with-clearpay.html +2 -2
  37. package/src/page_plp_v2.html +6 -16
  38. package/src/page_search-results.html +2 -12
  39. package/src/page_shopping-cart-v2.html +2 -2
  40. package/src/page_split-orders-klarna.html +106 -0
  41. package/src/scss/components/card-product-banner.scss +3 -91
  42. package/src/scss/components/checkout-payment-details-v2.scss +1 -0
  43. package/src/scss/components/checkout-payment-repayment-terms.scss +103 -0
  44. package/src/scss/pages/page_products-list-combined.scss +0 -11
  45. package/src/scss/pages/page_products-list.scss +0 -8
  46. package/src/sitemap.html +6 -0
  47. package/build/css/components/energy-efficiency.css +0 -1
  48. package/build/css/components/global-search.css +0 -1
  49. package/build/css/components/kitchen/strip-stickers.css +0 -1
  50. package/build/css/components/legal-info.css +0 -1
  51. package/build/css/components/loader.css +0 -1
  52. package/build/css/components/long-banner.css +0 -1
  53. package/build/css/components/payment-details-BPS-form.css +0 -1
  54. package/build/css/components/pdf-loader.css +0 -1
  55. package/build/css/components/pdp-favourite-product.css +0 -1
  56. package/build/css/components/plp-favourite-product.css +0 -1
  57. package/build/css/components/price-block-v2-critical.css +0 -1
  58. package/build/css/components/price-block-v2.css +0 -1
  59. package/build/css/components/special-opening-schedule-v2.css +0 -1
  60. package/build/css/components/special-opening-schedule.css +0 -1
  61. package/build/css/components/store-locator-about.css +0 -1
  62. package/build/css/components/store-locator-facilities.css +0 -1
  63. package/build/css/components/store-locator-lookup.css +0 -1
  64. package/build/css/components/store-locator-v2-details.css +0 -1
  65. package/build/css/components/strip-stickers.css +0 -1
  66. package/build/css/components/tile-calculator.css +0 -1
  67. package/build/css/components/trade-pro-extras.css +0 -1
  68. package/build/css/pages/bicester-header.css +0 -1
  69. package/build/css/pages/bicester-project-list.css +0 -1
  70. package/build/css/pages/checkout-new.css +0 -1
  71. package/build/css/pages/checkout.css +0 -1
  72. package/build/css/pages/design-appointment.css +0 -1
  73. package/build/css/pages/home-movers.css +0 -1
  74. package/build/css/pages/iframe-paypage.css +0 -1
  75. package/build/css/pages/my-account-v2.css +0 -1
  76. package/build/css/pages/my-account.css +0 -1
  77. package/build/css/pages/new-usp-bar.css +0 -1
  78. package/build/css/pages/oldweb_header.css +0 -1
  79. package/build/css/pages/page_account-deletion.css +0 -1
  80. package/build/css/pages/page_act-trade-pro.css +0 -1
  81. package/build/css/pages/page_address-book.css +0 -1
  82. package/build/css/pages/page_bathroom-trends.css +0 -1
  83. package/build/css/pages/page_book-consultant-thank-you-new.css +0 -1
  84. package/build/css/pages/page_change-password.css +0 -1
  85. package/build/css/pages/page_checkout-payment-details.css +0 -1
  86. package/build/css/pages/page_checkout_delivery-new.css +0 -1
  87. package/build/css/pages/page_cms_homepage.css +0 -1
  88. package/build/css/pages/page_contact-us.css +0 -1
  89. package/build/css/pages/page_content.css +0 -1
  90. package/build/css/pages/page_coshh.css +0 -1
  91. package/build/css/pages/page_default-store.css +0 -1
  92. package/build/css/pages/page_discount.css +0 -1
  93. package/build/css/pages/page_empty-basket.css +0 -1
  94. package/build/css/pages/page_favourite-list.css +0 -1
  95. package/build/css/pages/page_fdl-management.css +0 -1
  96. package/build/css/pages/page_fdl-product.css +0 -1
  97. package/build/css/pages/page_fi.css +0 -1
  98. package/build/css/pages/page_forgotten-password.css +0 -1
  99. package/build/css/pages/page_half-login.css +0 -1
  100. package/build/css/pages/page_home.css +0 -1
  101. package/build/css/pages/page_hotspot-guttering.css +0 -1
  102. package/build/css/pages/page_in-store-checkout.css +0 -1
  103. package/build/css/pages/page_in-store_MVP_order-summary-submitted.css +0 -1
  104. package/build/css/pages/page_in-store_MVP_order-summary.css +0 -1
  105. package/build/css/pages/page_installation.css +0 -1
  106. package/build/css/pages/page_installer.css +0 -1
  107. package/build/css/pages/page_installer_form.css +0 -1
  108. package/build/css/pages/page_kitchen-claims.css +0 -1
  109. package/build/css/pages/page_kitchen-list.css +0 -1
  110. package/build/css/pages/page_login.css +0 -1
  111. package/build/css/pages/page_marketing-preferences.css +0 -1
  112. package/build/css/pages/page_merged-basket.css +0 -1
  113. package/build/css/pages/page_my-account_tradePro.css +0 -1
  114. package/build/css/pages/page_my-order.css +0 -1
  115. package/build/css/pages/page_my-orders.css +0 -1
  116. package/build/css/pages/page_new-checkout-forgot.css +0 -1
  117. package/build/css/pages/page_new-checkout_login-register.css +0 -1
  118. package/build/css/pages/page_no-results.css +0 -1
  119. package/build/css/pages/page_online-exclusive.css +0 -1
  120. package/build/css/pages/page_paint-mixing-error.css +0 -1
  121. package/build/css/pages/page_personal-details.css +0 -1
  122. package/build/css/pages/page_pre_home.css +0 -1
  123. package/build/css/pages/page_pre_home_thank-you.css +0 -1
  124. package/build/css/pages/page_product-details-critical.css +0 -1
  125. package/build/css/pages/page_product-details-v2-critical.css +0 -1
  126. package/build/css/pages/page_product-details-v2.css +0 -1
  127. package/build/css/pages/page_product-details.css +0 -1
  128. package/build/css/pages/page_product_search.css +0 -1
  129. package/build/css/pages/page_products-list-combined.css +0 -1
  130. package/build/css/pages/page_products-list-phone.css +0 -1
  131. package/build/css/pages/page_products-list.css +0 -1
  132. package/build/css/pages/page_products-list_v2.css +0 -1
  133. package/build/css/pages/page_projects.css +0 -1
  134. package/build/css/pages/page_quiz.css +0 -1
  135. package/build/css/pages/page_rate-review.css +0 -1
  136. package/build/css/pages/page_registration.css +0 -1
  137. package/build/css/pages/page_shopping-cart-v2.css +0 -1
  138. package/build/css/pages/page_shopping-cart.css +0 -1
  139. package/build/css/pages/page_split-orders.css +0 -1
  140. package/build/css/pages/page_store-locator-details.css +0 -1
  141. package/build/css/pages/page_store-locator.css +0 -1
  142. package/build/css/pages/page_thankyou.css +0 -1
  143. package/build/css/pages/page_ti.css +0 -1
  144. package/build/css/pages/page_tiling-calculator-generic.css +0 -1
  145. package/build/css/pages/page_top-rated.css +0 -1
  146. package/build/css/pages/page_track-my-order.css +0 -1
  147. package/build/css/pages/page_track_your_order.css +0 -1
  148. package/build/css/pages/page_trade_installer.css +0 -1
  149. package/build/css/pages/page_upd-pass.css +0 -1
  150. package/build/css/pages/page_wismo-details.css +0 -1
  151. package/build/css/pages/page_wismo-order-history.css +0 -1
  152. package/build/css/pages/page_wismo-orders.css +0 -1
  153. package/build/css/pages/print_quiz.css +0 -1
  154. package/build/css/pages/sticky_header.css +0 -1
  155. package/build/css/pages/tradePro-about.css +0 -1
  156. package/build/css/pages/tradePro-address-book.css +0 -1
  157. package/build/css/pages/tradePro-delivery-details.css +0 -1
  158. package/build/css/pages/tradePro-discount.css +0 -1
  159. package/build/css/pages/tradePro-order-history.css +0 -1
  160. package/build/css/pages/tradePro-payment-details.css +0 -1
  161. package/build/css/pages/tradePro-rewards-old.css +0 -1
  162. package/build/css/pages/tradePro-rewards.css +0 -1
  163. package/build/css/pages/tradePro-signup.css +0 -1
  164. package/build/css/pages/tradePro-thankyou-activate.css +0 -1
  165. package/build/img/klarna.svg +0 -10
  166. package/build/img/payment/checkout/klarna.svg +0 -10
  167. package/build/img/payment/footer/klarna.svg +0 -10
  168. package/src/components/card_sponsor_banner.hbs +0 -8
  169. package/src/components/card_sponsor_product.hbs +0 -6
  170. package/src/img/klarna.svg +0 -10
  171. package/src/img/payment/checkout/klarna.svg +0 -10
  172. package/src/img/payment/footer/klarna.svg +0 -10
  173. package/src/js/components/banner-placement-manager.js +0 -267
  174. package/src/js/emulation/banner-placement-manager.js +0 -53
@@ -6,9 +6,7 @@ $(document).ready(function () {
6
6
  }
7
7
 
8
8
  function cardsContent(itemsInRow) {
9
- let card = $('.content .product-card, .content .card-product-banner, .content .card-sponsor-banner, .content .card-sponsor-product').filter(function() {
10
- return $(this).parents('.product-card, .card-product-banner, .card-sponsor-banner, .card-sponsor-product').length === 0;
11
- });
9
+ let card = $('.content .product-card, .content .card-product-banner');
12
10
  let priceSelectors = [
13
11
  '.including-vat .product-card__price__old-price',
14
12
  '.excluding-vat .product-card__price__old-price',
@@ -19,7 +17,6 @@ $(document).ready(function () {
19
17
  revealAll(card, ['.product-card__price__old-price',
20
18
  '.product-card__price-sqm',
21
19
  '.product-card__price-value',
22
- '.product-card__sponsored',
23
20
  '.energy-efficiency',
24
21
  '.energy-efficiency__link']);
25
22
 
@@ -36,8 +33,6 @@ $(document).ready(function () {
36
33
  hideEmptiness(currentRow, '.product-card__price-sqm');
37
34
  }
38
35
  hideEmptiness(currentRow, '.product-card__price-value');
39
- hideEmptiness(currentRow, '.product-card__sponsored');
40
- hideEmptiness(currentRow, '.product-card__price__old-price');
41
36
  hideEmptiness(currentRow, '.energy-efficiency');
42
37
  hideEmptiness(currentRow, '.energy-efficiency__link');
43
38
 
@@ -48,15 +43,11 @@ $(document).ready(function () {
48
43
  function hideEmptiness(query, className) {
49
44
  let currentQuery = query.find(className);
50
45
  let rowContent = currentQuery.text();
51
- const classEmptyCheckMap = {
52
- '.energy-efficiency': 'energy-efficiency--empty',
53
- '.product-card__sponsored': 'product-card__sponsored--empty',
54
- '.product-card__price__old-price': 'product-card__price_empty'
55
- };
56
-
57
- if (classEmptyCheckMap[className]) {
58
- let isClassEmpty = isClassPresentInQuery(currentQuery, classEmptyCheckMap[className]);
59
- if (isClassEmpty) {
46
+
47
+ if (className === '.energy-efficiency') {
48
+ let isEnergyQueryEmpty = isClassPresentInQuery(currentQuery, "energy-efficiency--empty");
49
+
50
+ if (isEnergyQueryEmpty) {
60
51
  currentQuery.hide();
61
52
  }
62
53
  return;
@@ -43,7 +43,7 @@ Wick.PLPLoadMore = {
43
43
  .finally(() => {
44
44
  hideLoader(Wick.PLPLoadMore.el.loader);
45
45
  Wick.PLPLoadMore.el.$loadMoreBtn.blur();
46
- Wick.BannerPlacementManager.checkProductsInColumn();
46
+ Wick.ProductBanner.checkProductsInColumn();
47
47
  $(window).trigger('productBannerPositionChanged');
48
48
  Wick.EnergyEfficiency.drawEnergyLabels();
49
49
  Wick.PLP?.bindEvents();
@@ -9,7 +9,7 @@
9
9
  {{/content}}
10
10
 
11
11
  {{#content "aside"}}
12
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true paymentsCheckoutV2=true}}
12
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
13
13
  {{/content}}
14
14
 
15
15
  {{#content "main"}}
@@ -61,7 +61,7 @@
61
61
  <div class="col-12 col-lg-3">
62
62
  <div class="wismo">
63
63
  {{> my-account/wismo_order-summary my_order.wismo-order-summary }}
64
- {{> wismo-payment payment-klarna=true}}
64
+ {{> wismo-payment payment-billie=true}}
65
65
  </div>
66
66
  </div>
67
67
  </div>
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" clearPayIcon=true checkout=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" clearPayIcon=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2=true checkout=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon}}
20
20
  {{/content}}
21
21
 
22
22
 
@@ -1,4 +1,4 @@
1
- {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page retail-media" title="Products list" globalSearchV2="true" pagePlp=true}}
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list" globalSearchV2="true" pagePlp=true}}
2
2
  {{#content "head" mode="append" pagePlp=true}}
3
3
  <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
4
  {{/content}}
@@ -32,23 +32,13 @@
32
32
  </div>
33
33
 
34
34
  <div class="products-list products-list-v2">
35
- {{#each search-result_v2.products}}
36
- {{>card_product_v2}}
35
+ {{#each plp_load-more.results}}
36
+ {{>card_product_v2}}
37
37
  {{/each}}
38
38
  {{#if search-result_v2.product-banner}}
39
- {{#each search-result_v2.product-banner}}
40
- {{>card_product_banner_v2}}
41
- {{/each}}
42
- {{/if}}
43
- {{#if search-result_v2.sponsor-banner}}
44
- {{#each search-result_v2.sponsor-banner}}
45
- {{>card_sponsor_banner}}
46
- {{/each}}
47
- {{/if}}
48
- {{#if search-result_v2.sponsor-product}}
49
- {{#each search-result_v2.sponsor-product}}
50
- {{>card_sponsor_product}}
51
- {{/each}}
39
+ {{#each search-result_v2.product-banner}}
40
+ {{>card_product_banner_v2}}
41
+ {{/each}}
52
42
  {{/if}}
53
43
  </div>
54
44
  <div class="load-more-wrap">
@@ -42,19 +42,9 @@
42
42
  </div>
43
43
 
44
44
  <div class="products-list products-list-v2">
45
- {{#each search-result_v2.products}}
46
- {{>card_product_v2}}
45
+ {{#each plp_energy-efficiency.products}}
46
+ {{> card_product_v2}}
47
47
  {{/each}}
48
- {{#if search-result_v2.sponsor-banner}}
49
- {{#each search-result_v2.sponsor-banner}}
50
- {{>card_sponsor_banner}}
51
- {{/each}}
52
- {{/if}}
53
- {{#if search-result_v2.sponsor-product}}
54
- {{#each search-result_v2.sponsor-product}}
55
- {{>card_sponsor_product}}
56
- {{/each}}
57
- {{/if}}
58
48
  </div>
59
49
 
60
50
  <div class="sort-products-list">
@@ -1,4 +1,4 @@
1
- {{#extend "basket-new" page_shopping-cart pageClass="page_basket basket" title="Basket" billieIcon=false}}
1
+ {{#extend "basket-new" page_shopping-cart pageClass="page_basket basket" title="Basket" billieIcon=true}}
2
2
  {{#content "head" mode="append"}}
3
3
  <link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart-v2.css">
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -27,7 +27,7 @@
27
27
  }}
28
28
  {{> checkout-action mod="mounted"}}
29
29
  {{> checkout-action mod="mounted" view="mobile"}}
30
- {{> summary-payment paymentsCheckoutV2=true billieIcon=false}}
30
+ {{> summary-payment paymentsCheckoutV2=true billieIcon=true}}
31
31
  {{/content}}
32
32
  {{#content "main"}}
33
33
  <input type="hidden" id="SUPPLIER_DELIVERED_7_DAYS" value="<b> Wickes Supplier </b> - Delivery within 7 days">
@@ -0,0 +1,106 @@
1
+ {{#extend "checkout" pageClass="page_checkout page_checkout-confirmation page_split-orders" title="Split Orders"
2
+ logout=true}}
3
+ {{#content "steps"}}
4
+ <div class="page-header">
5
+ <h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
6
+ <p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span>
7
+ </p>
8
+ <p class="page-header__intro">We have emailed your order confirmation to <a href="#">michael.michael@gmail.com</a>
9
+ with details of when your order will be delivered.
10
+ This email will also contain our contact details should you wish to get in touch with us.</p>
11
+ </div>
12
+ {{/content}}
13
+ {{#content "main"}}
14
+
15
+ <div>
16
+ <h3>Products delivered by Wickes</h3>
17
+ <p>The product listed below will be delivered to you by Wickes. This order
18
+ may be split into several parts, if so you will be notified by email. The
19
+ date, time slot and address for this delivery are listed below: </p>
20
+ </div>
21
+
22
+ <div class="product-delivery-table">
23
+ <div class="product-delivery-table__delivery-info">
24
+ <div class="row">
25
+ <div class="product-delivery-table__date">
26
+ <h4>Delivery date</h4>
27
+ <div class="product-delivery-table__date-inner">
28
+ <div class="checkout-address-time__time-regular">MAR</div>
29
+ <div class="checkout-address-time__time-primary">15</div>
30
+ <div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
31
+ </div>
32
+ </div>
33
+ <div class="product-delivery-table__time">
34
+ <h4>Delivery time</h4>
35
+ <div class="product-delivery-table__content">
36
+ Beetween<br />8:00AM - 6:00PM
37
+ </div>
38
+ </div>
39
+ <div class="product-delivery-table__address">
40
+ <h4>Delivery address</h4>
41
+ <div class="product-delivery-table__content">
42
+ 459 Acasia way<br/>
43
+ Wimbledon<br/>
44
+ London<br/>
45
+ S7 7ET
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </div>
50
+
51
+ <div class="shopping-card-container">
52
+ {{#each page_shopping-cart.linesCollection}}
53
+ {{>order-line mod="order-line_shrink"}}
54
+ {{/each}}
55
+ </div>
56
+ </div>
57
+
58
+ {{>checkout-supply-info checkout-components.supply-info.[2]}}
59
+ <div class="checkout-confirmation-shopping-cards">
60
+ {{#each page_shopping-cart.linesCollection}}
61
+ <div class="checkout-confirmation-shopping-card">
62
+ <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
63
+ <span class="checkout__text-highlighted">Your order will be ready for collection within 1 store hour.</span>
64
+ <div class="shopping-card-container shopping-card-container_bordered">
65
+ <div class="delivery-details-option__delivery-info">
66
+ <div class="delivery-details-option__delivery-info-left">
67
+ {{>checkout-address-time time=true within=true}}
68
+ </div>
69
+ <div class="delivery-details-option__delivery-info-right">
70
+ {{>schedule}}
71
+ </div>
72
+ </div>
73
+ {{>order-line mod="order-line_shrink"}}
74
+ </div>
75
+ </div>
76
+ {{/each}}
77
+ </div>
78
+
79
+ <div>
80
+ <h3>Products delivered by suppliers</h3>
81
+ <p>The following products will be delivered by our suppliers. They will be contacting you to arrange a delivery
82
+ date.</p>
83
+ </div>
84
+
85
+ <div class="product-supplier-delivery-wrap">
86
+ <div class="product-delivery-table product-supplier-delivery">
87
+ <h4 class="shopping-card-heading">Products delivered by our supplier expected within <span>14</span> days <span class="checkout__text-highlighted">2 Items</span></h4>
88
+ <div class="shopping-card-container">
89
+ {{#each page_shopping-cart.linesCollection}}
90
+ {{>order-line mod="order-line_shrink"}}
91
+ {{/each}}
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+
97
+ <a href="./" class="btn btn-secondary checkout-continue-shopping">Return to shopping</a>
98
+ {{/content}}
99
+ {{#content "aside"}}
100
+ {{> checkout_order-summary label="Total: "}}
101
+ {{> checkout_payment-other-methods klarna="true"}}
102
+ {{> checkout_information }}
103
+
104
+ <a href="./" class="btn btn-secondary checkout-continue-shopping_mobile">Return to shopping</a>
105
+ {{/content}}
106
+ {{/extend}}
@@ -4,7 +4,7 @@
4
4
  @include make-col(4);
5
5
  margin-bottom: 30px;
6
6
 
7
- @include media-breakpoint-down(md) {
7
+ @include media-breakpoint-down(md) {
8
8
  @include make-col(6);
9
9
  }
10
10
 
@@ -39,7 +39,7 @@
39
39
  padding: 0 15px;
40
40
 
41
41
  @include media-breakpoint-down(sm) {
42
- display: inline-block;
42
+ display: inline-block;
43
43
  padding: 0;
44
44
  width: 100%;
45
45
  }
@@ -49,92 +49,4 @@
49
49
  display: inline-block;
50
50
  width: 100%;
51
51
  }
52
- }
53
-
54
- .products-list {
55
- .card-sponsor-product,
56
- .card-sponsor-banner {
57
- @include make-col(4);
58
- margin-bottom: 0;
59
- }
60
-
61
- .card-sponsor-banner {
62
- &__link {
63
- display: inline-block;
64
- width: 100%;
65
- height: 100%;
66
- padding: 0 15px;
67
- }
68
-
69
- &__image {
70
- display: inline-block;
71
- width: 100%;
72
- }
73
- }
74
-
75
- .card-sponsor-product {
76
- .product-card {
77
- max-width: 100%;
78
- }
79
- }
80
-
81
- .product-card__sponsored {
82
- @include font-size(12);
83
- @include line-height(16);
84
- color: $squant;
85
- font-weight: 400;
86
- margin-top: -3px;
87
- margin-bottom: 15px;
88
- padding: 2px 4px;
89
-
90
- &:not(.product-card__sponsored--empty) {
91
- width: max-content;
92
- background: $gray-light;
93
- }
94
- }
95
- }
96
-
97
- @include media-breakpoint-down(md) {
98
- .products-list {
99
- .card-sponsor-product,
100
- .card-sponsor-banner {
101
- @include make-col(6);
102
-
103
- .card {
104
- max-width: 100%;
105
- }
106
- }
107
- }
108
-
109
- .products-list-v2 {
110
- .card-sponsor-product:nth-of-type(n+3) {
111
- .card {
112
- &:before {
113
- content: none;
114
- }
115
- }
116
- }
117
- }
118
- }
119
-
120
- @include media-breakpoint-down(sm) {
121
- .products-list {
122
- .product-card__sponsored {
123
- margin-right: auto;
124
- margin-left: auto;
125
- }
126
-
127
- .card-sponsor-banner {
128
- position: relative;
129
-
130
- &::after {
131
- content: '';
132
- position: absolute;
133
- bottom: 20px;
134
- left: 5px;
135
- width: calc(100% - 10px);
136
- border-bottom: 1px solid $gray;
137
- }
138
- }
139
- }
140
- }
52
+ }
@@ -1,5 +1,6 @@
1
1
  @import '../helpers/helpers';
2
2
  @import '../components/tooltip';
3
+ @import '../components/checkout-payment-repayment-terms';
3
4
 
4
5
  .checkout-payment-details-v2 {
5
6
  .checkout-payment-details {
@@ -0,0 +1,103 @@
1
+
2
+ .repayment-terms {
3
+ background: $gray-bg;
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: 16px;
7
+ }
8
+
9
+ .repayment-terms__divider {
10
+ padding: 10px 0;
11
+ }
12
+
13
+ .repayment-terms__body {
14
+ display: flex;
15
+ flex-direction: column;
16
+ gap: 20px;
17
+ }
18
+
19
+ .repayment-terms__title {
20
+ display: flex;
21
+ gap: 4px;
22
+ align-items: flex-start;
23
+ font-family: Roboto, sans-serif;
24
+ font-weight: 500;
25
+ font-size: 16px;
26
+ line-height: 24px;
27
+ }
28
+
29
+ .repayment-terms__asterisk {
30
+ color: $red;
31
+ }
32
+
33
+ .repayment-terms__chips {
34
+ display: flex;
35
+ gap: 8px;
36
+ align-items: center;
37
+ width: 100%;
38
+ }
39
+
40
+ .repayment-terms__input {
41
+ position: absolute;
42
+ opacity: 0;
43
+ width: 1px;
44
+ height: 1px;
45
+ pointer-events: none;
46
+ }
47
+
48
+ .repayment-terms__chip {
49
+ position: relative;
50
+ flex: 0 0 auto;
51
+ }
52
+
53
+ .repayment-terms__label {
54
+ background: $white;
55
+ border: 1px solid $gray;
56
+ border-radius: 16px;
57
+ padding: 8px 24px;
58
+
59
+ display: flex;
60
+ flex-direction: column;
61
+ align-items: center;
62
+ justify-content: center;
63
+ gap: 4px;
64
+
65
+ cursor: pointer;
66
+ user-select: none;
67
+ }
68
+
69
+ .form-row_validation-error {
70
+ .repayment-terms__label {
71
+ border: 1px solid $red;
72
+ }
73
+ }
74
+
75
+ .repayment-terms__label-top {
76
+ font-family: Roboto, sans-serif;
77
+ font-weight: 700;
78
+ font-size: 16px;
79
+ line-height: 20px;
80
+ text-align: left;
81
+ }
82
+
83
+ .repayment-terms__label-bottom {
84
+ font-family: Roboto, sans-serif;
85
+ font-weight: 400;
86
+ font-size: 14px;
87
+ line-height: 22px;
88
+ text-align: center;
89
+ }
90
+
91
+ .repayment-terms__input:checked + .repayment-terms__label {
92
+ border-color: $blue;
93
+ }
94
+
95
+ .repayment-terms__input:checked + .repayment-terms__label .repayment-terms__label-top,
96
+ .repayment-terms__input:checked + .repayment-terms__label .repayment-terms__label-bottom {
97
+ color: $blue;
98
+ }
99
+
100
+ .repayment-terms__input:focus-visible + .repayment-terms__label {
101
+ outline: 2px solid $blue;
102
+ outline-offset: 2px;
103
+ }
@@ -47,17 +47,6 @@ $color-bar-radius: 3px;
47
47
  }
48
48
  }
49
49
 
50
- .sponsor-top-banner {
51
- margin-bottom: 20px;
52
- margin-top: 10px;
53
-
54
- &__image {
55
- display: block;
56
- max-width: 100%;
57
- margin-bottom: 20px;
58
- }
59
- }
60
-
61
50
  .color-pick {
62
51
  &__wrap {
63
52
  display: none;
@@ -37,14 +37,6 @@
37
37
  }
38
38
  }
39
39
  }
40
-
41
- .sponsor-top-banner {
42
- &__image {
43
- margin-bottom: 20px;
44
- display: block;
45
- max-width: 100%;
46
- }
47
- }
48
40
  }
49
41
 
50
42
  .products-list {
package/src/sitemap.html CHANGED
@@ -805,6 +805,12 @@
805
805
  Klarna TradePro Payment Details
806
806
  </a>
807
807
  </li>
808
+ <li>
809
+ <span class="page-id">6</span>
810
+ <a href="page_split-orders-klarna.html" target="_blank">
811
+ Klarna Split Orders
812
+ </a>
813
+ </li>
808
814
  <li>
809
815
  <span class="page-id">7</span>
810
816
  <a href="page_checkout_confirmation-new-klarna.html" target="_blank">
@@ -1 +0,0 @@
1
- .scroll-disable,.slider-scroll-disable{position:fixed;width:100%;overflow:hidden;top:0;inset:auto}.energy-efficiency{margin:15px 0 5px}.energy-efficiency--empty{min-height:27px}.energy-efficiency--empty .energy-efficiency__link{line-height:20px;padding-top:37px}.energy-efficiency--pdp{margin:20px 20px 0 0}@media (max-width:767.98px){.energy-efficiency--pdp{margin-right:15px}}.energy-efficiency--pdp .btn-energy-label{margin-bottom:5px}.energy-efficiency--basket{margin:0 0 20px}@media (max-width:1199.98px){.energy-efficiency--basket{margin-top:5px}}@media (max-width:991.98px){.energy-efficiency--basket{margin-top:0}}@media (max-width:767.98px){.energy-efficiency--basket{margin:15px 0}}.energy-efficiency__link{font-size:13px;line-height:20px;margin-top:10px;display:block}.energy-efficiency--project-list{margin:0 0 15px}.energy-efficiency--order{margin:10px 0 8px}.energy-label{width:45px;position:relative;height:25px;-webkit-clip-path:polygon(0 0,calc(100% - .87em) 0,100% 50%,calc(100% - .87em) 100%,0 100%);clip-path:polygon(0 0,calc(100% - .87em) 0,100% 50%,calc(100% - .87em) 100%,0 100%);background-color:#ccc;padding-right:10px}.energy-label__new{padding-left:8px}.energy-label__new:before{content:"";background:url(../../img/energy-efficiency/energy-marker.svg) 50%/cover no-repeat #fff;width:9px;height:100%;position:absolute;left:0;top:0;border-radius:.5px 0 0 .5px}.energy-label__new .energy-label-text{-webkit-text-stroke:.5px #000}.energy-label__old{padding-left:3px}.energy-label__multiple{padding-left:3px;letter-spacing:-.3px}.energy-label-text{font-size:17px;color:#fff;font-weight:700;height:100%;width:100%;display:flex;align-items:center;justify-content:center;line-height:1}.energy-label-text .plus{font-size:11px;padding-top:2px}.energy-label-text--multi{letter-spacing:-1.4px}.btn-energy-label{padding:0;display:flex;background:0 0;border:1px solid transparent}.btn-energy-label__new{border:1px solid #000;-webkit-clip-path:polygon(0 0,73% 0,100% 50%,73% 100%,0 100%);clip-path:polygon(0 0,73% 0,100% 50%,73% 100%,0 100%);background:#000;border-radius:.5px}.btn-energy-label--c-auto:not(:disabled):not(.disabled){cursor:auto}.bg-green-haze{background-color:#009640}.bg-green-apple{background-color:#52ae32}.bg-rio-grande{background-color:#c8d400}.bg-yellow-turbo{background-color:#ffed00}.bg-yellow-selective{background-color:#fbba00}.bg-christine{background-color:#ec6608}.bg-monza{background-color:#e30613}.modal-energy-efficiency .modal-header{border:0;padding:17px}.modal-energy-efficiency .modal-header:after{content:normal}.modal-energy-efficiency .modal-body{padding:0 45px 25px;height:100%;overflow-y:auto}.modal-energy-efficiency .modal-content{max-height:calc(100vh - 3.5rem);overflow:hidden;border-radius:0;border:0}@media (min-width:768px){.modal-energy-efficiency .modal-content{box-shadow:0 2px 10px 0 rgba(0,0,0,.4)}}.modal-energy-efficiency .close{opacity:1;padding:0;margin:0;font-size:1rem}.modal-energy-efficiency .close .icon{color:#0c3153}.modal-energy-efficiency .close .icon svg{font-size:26px}.modal-energy-efficiency .modal-images{display:flex;justify-content:center;flex-direction:column;align-items:center;-ms-scroll-chaining:none;overscroll-behavior:contain}.modal-energy-efficiency .modal-images img{width:100%;max-width:210px;height:auto}.modal-energy-efficiency .modal-images img+img{margin-top:25px}.modal-energy-efficiency .modal-dialog{padding:0}.modal-energy-efficiency .modal-box__row{margin:0}.modal-energy-efficiency .modal-box__columns{max-width:500px;padding:0}.modal-energy-efficiency .modal-box__inner-row{display:none}.modal-energy-efficiency .modal-box__header .close{position:relative;right:0;top:0}.modal.modal-energy-efficiency{overflow-y:hidden}@media (max-width:575.98px){.modal-energy-efficiency .modal-box__container{margin:0;max-width:none;height:100%}.modal-energy-efficiency .modal-box__columns,.modal-energy-efficiency .modal-box__content,.modal-energy-efficiency .modal-box__row{height:100%}.modal-energy-efficiency .modal-box__columns{max-width:100%}.modal-energy-efficiency .modal-content{max-height:100%}.modal-energy-efficiency .modal-body{height:100vh;padding:0 20px 20px}.modal-energy-efficiency .modal-images img{max-width:100%}}@media only screen and (max-width:364px){.energy-efficiency .energy-efficiency__link--empty{padding-top:20px;line-height:20px}.energy-efficiency--empty .energy-efficiency__link{padding-top:57px;line-height:20px}}@media print{.energy-efficiency{display:none!important}}
@@ -1 +0,0 @@
1
- .payment-loader{position:fixed;z-index:10000000000;top:0;left:0;bottom:0;width:100%;height:100%;transform:translateZ(0);background:radial-gradient(ellipse closest-corner at 50% 50%,#000 1%,rgba(0,0,0,.75) 100%) rgba(0,0,0,.1);color:#fff}.payment-loader--hidden{display:none}.payment-loader__modal{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center}.payment-loader__modal .billie-checkout-logo,.payment-loader__modal .clearpay-checkout-logo,.payment-loader__modal .klarna-checkout-logo,.payment-loader__modal .paypal-checkout-logo{margin-bottom:25px}.payment-loader__modal .spinner{height:30px;width:30px;display:inline-block;box-sizing:content-box;opacity:1;animation:.7s linear infinite rotate;border:8px solid rgba(0,0,0,.2);border-top-color:#fff;border-radius:100%}.payment-loader__modal .klarna-spinner{height:26px;width:26px}.loader-line{width:200px;height:3px;position:relative;overflow:hidden;background-color:#ccc;border-radius:20px}.loader-line:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#3e3e3e;animation:1s linear infinite lineAnim;border-radius:20px}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.klarna-spinner-logo{display:block;background:url(../img/klarna-spinner.svg) no-repeat;height:32px;width:136px}.google-spinner-logo{background:url(../img/google-spinner.svg) no-repeat;height:55px}.clearpay-spinner-logo,.google-spinner-logo{display:block;width:135px;margin-bottom:20px}.clearpay-spinner-logo{background:url(../img/clearpay-spinner.svg) no-repeat;height:28px}.billie-spinner-logo{display:block;background:url(../img/billie-spinner.svg) no-repeat;height:38px;width:111px}.apple-spinner-logo{height:58px;width:136px}.loader-wrapper{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:hsla(0,0%,100%,.5)}.loader-wrapper,.loader-wrapper .loader-spinner{display:flex;justify-content:center;align-items:center}.loader-wrapper .loader-spinner{border:0}.loader-wrapper .loader-spinner .circular-loader{width:76px;height:76px;stroke-width:2px;animation:2s linear infinite rotate;stroke:#0277bd}.loader-wrapper .loader-spinner .loader-path{stroke:#0277bd;animation:1.5s ease-in-out infinite animate-stroke}.loader-wrapper--full-page{z-index:150;position:fixed;background:hsla(0,0%,100%,.8)}.loader-wrapper--full-page .loader-container{width:calc(100% - 40px);margin:0 20px}.loader-wrapper--full-page .loader{border-top-color:#0277bd;position:relative}.loader-wrapper--full-page .loader-message{margin-top:25px;color:#0a3055;font-size:1.625rem;font-weight:500;text-align:center}.loader-wrapper.smart-banner-loader{background:hsla(0,0%,100%,.9);flex-direction:column;row-gap:8px}.loader-wrapper.smart-banner-loader .loader-spinner .circular-loader{width:24px;height:24px;stroke-width:6px}.loader-wrapper.smart-banner-loader h2{color:#0a3055;text-align:center;font-style:normal;font-weight:500;font-size:.75rem;line-height:16px;margin-bottom:0}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes animate-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}.add-all-loader,.basket-loader{flex-direction:column;z-index:101;position:fixed;background:hsla(0,0%,100%,.8)}.add-all-loader h2,.basket-loader h2{margin-top:25px;font-size:1.625rem;font-weight:400;line-height:2.25rem;color:#0a3055;text-align:center}.add-list-id-loader{display:flex;height:auto;position:relative;flex-direction:column-reverse;padding:0 15px}.add-list-id-loader h2{font-weight:500;line-height:1.35;font-size:1.625rem;margin-bottom:10px}@media (min-width:576px){.empty-basket-loader h2{font-size:2.125rem;margin-bottom:20px}}.header--search-v2 .header-right li{padding:0}.header--search-v2 .header-right li+li{padding-left:28px}.header--search-v2 .header-right li:last-child{padding-right:14px}.header--search-active{position:static}.header--search-active .search--active:before{content:none}.header-global-search{display:none;background:#0a3055;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}.header-global-search__head{display:flex;width:100%;align-items:center;height:100%;justify-content:center;padding:0 15px 0 12px}.header-global-search__head .btn{border:0}.header-global-search__head .btn--clear{display:none;height:auto;line-height:0;padding:0 10px;margin-right:7px}.header-global-search__head .btn--clear:focus,.header-global-search__head .btn--clear:hover,.header-global-search__head .btn--clear:not(:disabled):not(.disabled):active{background-color:transparent;border:0;color:#0277bd52}.header-global-search__head .btn--back{margin-right:12px;height:auto;width:auto;background:0 0;color:#fff;padding:0}.header-global-search__head .btn--search{display:flex;align-items:center;justify-content:center;background:#0277bd;border-radius:50px;padding:0 8px;width:32px;height:32px}.header-global-search__head .btn--search svg.svg-inline--fa{color:#fff;width:.96em;height:auto}.header-global-search__head .btn:focus,.header-global-search__head .btn:hover{opacity:.8;transition:.3s}.header-global-search__form{width:100%;max-width:500px;display:flex;align-items:center;background:#fff;border-radius:40px;padding-right:6px}.header-global-search__input{background:#fff;border:0;color:#3e3e3e;padding:9px 15px;outline:0;height:40px;width:100%;border-radius:25px;font-size:1rem;line-height:1.4rem}.header-global-search__input:-ms-input-placeholder,.header-global-search__input::-ms-input-placeholder{color:#8b8b8b}.header-global-search__input::placeholder{color:#8b8b8b}.global-search{display:none;z-index:101;background:#fff;position:sticky;width:100%;top:0;padding:0;min-height:150px}.global-search a{color:#3e3e3e;text-decoration:none}.global-search a:focus,.global-search a:hover{opacity:.8;transition:.3s;color:#0277bd}.global-search__suggestions{width:100%;max-width:540px;margin:0 auto;padding:15px;list-style-type:none}.global-search__suggestions li{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}.global-search__suggestions li+li{margin-top:10px}.global-search__body{flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%}.global-search__body .fake-nav-item{display:none}.global-search__body-head{display:flex;justify-content:space-between;text-align:left;list-style-type:none;padding-left:0;width:100%;margin:0}.global-search__body-head li{flex:1;position:relative}.global-search__body-head li:last-child a span{margin-left:0;margin-right:auto}.global-search__body-head li a{text-decoration:none;color:#3e3e3e;font-size:1rem;display:block;font-weight:500;padding:0}.global-search__body-head li a.nav-link--disable{pointer-events:none}.global-search__body-head li a.nav-link--disable span{margin:auto;max-width:510px}.global-search__body-head li a span{display:block;width:100%;max-width:255px;margin-left:auto;padding:15px}.global-search__result{display:flex;width:100%;justify-content:center;max-width:540px;margin:0 auto}.global-search__result .tab-pane{padding:0 15px 15px}.global-search__result .tab-pane:not(.active){display:none}.global-search .search-loader{background:#fff}.global-search .search-loader .loader-spinner{position:absolute;top:0;left:0;width:100%;height:100%}.global-search__wrapper{height:100%;display:flex;flex-direction:column;justify-content:stretch}.search-item{list-style-type:none;padding-left:0;width:100%;margin-bottom:0}.search-item li+li{margin-top:10px}.search-item li a{height:86px;background:#fff;border-radius:10px;padding:8px 10px;display:flex;align-items:flex-start}.search-item li p{font-size:.75rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-weight:500;flex-shrink:0}.search-item__img{margin-right:10px;width:100%;height:100%;max-width:65px;display:flex;align-items:center;justify-content:center}.search-item__img img{max-height:65px;max-width:65px}.search-item__content{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:65px}.search-item__footer{display:flex;justify-content:space-between;flex-wrap:wrap}#contentPages p{font-size:.875rem}@media (max-width:575.98px){.global-search__body-head li a span{padding-top:12px;padding-bottom:12px}.autocomplete__dataset-products .search-item__img{max-width:50px}.autocomplete__dataset-products .search-item__img img{max-height:50px;max-width:50px}}@media (max-width:767.98px){.global-search__body-head{background:#fff}.global-search__body-head li a{background:#f8f8f8;border-radius:10px 10px 0 0}.global-search__body-head li a.active{color:#0a3055;background:#eaf1ff;opacity:1}.global-search__body{background:#eaf1ff}.global-search__result .tab-pane{padding:15px}}@media (min-width:768px){.add-all-loader h2,.basket-loader h2{font-size:2.125rem;line-height:2.875rem}.loader-wrapper--full-page .loader-message{font-size:2.125rem}.header--search-active{position:relative}.header-global-search{display:block;position:static;background:0 0;flex:1}.header-global-search__form.active,.header-global-search__form.active .btn--clear,.header-global-search__form.active .header-global-search__input{background:#eaf1ff}.btn--back{display:none}.global-search{position:absolute;top:76px;min-height:126px;left:50%;transform:translate(-50%);border-radius:10px;box-shadow:0 1px 5px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2);padding:15px}.global-search__body{height:auto;border-radius:10px;width:100%}.global-search__body-head li{text-align:left}.global-search__body-head li a{pointer-events:none;color:#0a3055}.global-search__body-head li a:focus,.global-search__body-head li a:hover{opacity:1}.global-search__body-head li a.active{border-bottom:0}.global-search__body-head li a span{max-width:100%;margin-right:0;margin-left:0}.global-search__body-head li a.nav-link--disable span{max-width:100%}.global-search__wrapper{flex-direction:row}.global-search__suggestions{max-width:180px;margin:0}.global-search__result{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:0;max-width:100%}.search-item{display:-ms-grid!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));grid-gap:10px;opacity:1!important;height:auto!important;position:static!important;align-content:baseline}.search-item li{width:100%}.search-item li+li{margin-top:0}.search-loader{border-radius:10px}#products-tab{background:#eaf1ff;border-top-left-radius:10px;border-top-right-radius:10px}#products{background:#eaf1ff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#contentPages li a{border:1px solid #eee}}@media (min-width:992px){.header-global-search__form{max-width:451px}.global-search{top:107px}.global-search__body{height:100%}.search-item{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1200px){.header-global-search__form{max-width:608px}.search-item{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.global-search__suggestions{max-width:215px;margin-right:10px}.global-search__wrapper{justify-content:space-between}}@media (min-width:768px) and (max-width:991.98px){.global-search__result{display:flex;flex-direction:column}.global-search__result .search-item{display:flex;-ms-grid-columns:1fr;grid-template-columns:1fr}.global-search__result .fake-nav-item{display:block;color:#0a3055;font-size:1rem;font-weight:500;padding:15px}.global-search__body-head #content-page-tab,.global-search__body-head .nav-item:nth-of-type(2){display:none}}.search_reviews{color:#8b8b8b;line-height:16px;font-size:.75rem;margin:0 .5em 0 0;transform:translateY(3px)}.search_reviews .product-rating{display:flex;justify-content:flex-start;align-items:baseline}.search_reviews .product-rating .rating-bg{color:#ccc;position:relative;padding-right:5px;display:flex}.search_reviews .product-rating .rating-bg .fa-star{display:block;margin-right:2px;font-size:.88em}.search_reviews .product-rating .rating-overlay{color:#f7ca18;position:absolute;left:0;top:0;display:flex}.search_reviews .product-rating .star-overlay{display:inline-block;overflow:hidden;margin:0 2px 0 0}.search_reviews .product-rating .star-overlay .fa-star{margin-right:0}.search-price{font-size:.875rem;color:#0a3055;font-weight:700;display:flex;margin-left:auto}.search-price__old-price{font-size:.625rem;color:#8b8b8b;font-weight:500;line-height:1.375rem;margin-right:4px;margin-top:.1rem}.search-price__new-price{color:#cf000f}
@@ -1 +0,0 @@
1
- .strip-stickers{display:flex;flex-wrap:wrap;gap:8px}.strip-stickers .strip-sticker{padding:4px 12px;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-stickers--right{justify-content:flex-end}
@@ -1 +0,0 @@
1
- .legal-info{margin-top:40px;border:1px solid #ccc;border-radius:4px;padding:16px;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem}.legal-info__toggle{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.5rem;display:flex;align-items:center;justify-content:space-between}.legal-info__toggle .icon-wrap{cursor:pointer;display:flex;align-items:center;justify-content:center}.legal-info__toggle .icon-wrap:after{content:"+";color:#0277bd;font-size:1.575rem}.legal-info__toggle[aria-expanded=true] .icon-wrap:after{content:"-";font-size:2.95rem}.legal-info .collapse-wrap{margin-top:16px}.legal-info .container{padding:0}@media (min-width:576px){.legal-info{padding:24px}}@media (min-width:768px){.legal-info{padding:24px 40px}}
@@ -1 +0,0 @@
1
- .payment-loader{position:fixed;z-index:10000000000;top:0;left:0;bottom:0;width:100%;height:100%;transform:translateZ(0);background:radial-gradient(ellipse closest-corner at 50% 50%,#000 1%,rgba(0,0,0,.75) 100%) rgba(0,0,0,.1);color:#fff}.payment-loader--hidden{display:none}.payment-loader__modal{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center}.payment-loader__modal .billie-checkout-logo,.payment-loader__modal .clearpay-checkout-logo,.payment-loader__modal .klarna-checkout-logo,.payment-loader__modal .paypal-checkout-logo{margin-bottom:25px}.payment-loader__modal .spinner{height:30px;width:30px;display:inline-block;box-sizing:content-box;opacity:1;animation:.7s linear infinite rotate;border:8px solid rgba(0,0,0,.2);border-top-color:#fff;border-radius:100%}.payment-loader__modal .klarna-spinner{height:26px;width:26px}.loader-line{width:200px;height:3px;position:relative;overflow:hidden;background-color:#ccc;border-radius:20px}.loader-line:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#3e3e3e;animation:1s linear infinite lineAnim;border-radius:20px}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.klarna-spinner-logo{display:block;background:url(../img/klarna-spinner.svg) no-repeat;height:32px;width:136px}.google-spinner-logo{background:url(../img/google-spinner.svg) no-repeat;height:55px}.clearpay-spinner-logo,.google-spinner-logo{display:block;width:135px;margin-bottom:20px}.clearpay-spinner-logo{background:url(../img/clearpay-spinner.svg) no-repeat;height:28px}.billie-spinner-logo{display:block;background:url(../img/billie-spinner.svg) no-repeat;height:38px;width:111px}.apple-spinner-logo{height:58px;width:136px}.loader-wrapper{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:hsla(0,0%,100%,.5)}.loader-wrapper,.loader-wrapper .loader-spinner{display:flex;justify-content:center;align-items:center}.loader-wrapper .loader-spinner{border:0}.loader-wrapper .loader-spinner .circular-loader{width:76px;height:76px;stroke-width:2px;animation:2s linear infinite rotate;stroke:#0277bd}.loader-wrapper .loader-spinner .loader-path{stroke:#0277bd;animation:1.5s ease-in-out infinite animate-stroke}.loader-wrapper--full-page{z-index:150;position:fixed;background:hsla(0,0%,100%,.8)}.loader-wrapper--full-page .loader-container{width:calc(100% - 40px);margin:0 20px}.loader-wrapper--full-page .loader{border-top-color:#0277bd;position:relative}.loader-wrapper--full-page .loader-message{margin-top:25px;color:#0a3055;font-size:1.625rem;font-weight:500;text-align:center}.loader-wrapper.smart-banner-loader{background:hsla(0,0%,100%,.9);flex-direction:column;row-gap:8px}.loader-wrapper.smart-banner-loader .loader-spinner .circular-loader{width:24px;height:24px;stroke-width:6px}.loader-wrapper.smart-banner-loader h2{color:#0a3055;text-align:center;font-style:normal;font-weight:500;font-size:.75rem;line-height:16px;margin-bottom:0}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes animate-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}.add-all-loader,.basket-loader{flex-direction:column;z-index:101;position:fixed;background:hsla(0,0%,100%,.8)}.add-all-loader h2,.basket-loader h2{margin-top:25px;font-size:1.625rem;font-weight:400;line-height:2.25rem;color:#0a3055;text-align:center}.add-list-id-loader{display:flex;height:auto;position:relative;flex-direction:column-reverse;padding:0 15px}.add-list-id-loader h2{font-weight:500;line-height:1.35;font-size:1.625rem;margin-bottom:10px}@media (min-width:576px){.empty-basket-loader h2{font-size:2.125rem;margin-bottom:20px}}@media (min-width:768px){.add-all-loader h2,.basket-loader h2{font-size:2.125rem;line-height:2.875rem}.loader-wrapper--full-page .loader-message{font-size:2.125rem}}
@@ -1 +0,0 @@
1
- .long-banner{display:block;width:100%;margin-top:20px;margin-bottom:20px}.long-banner__image{width:100%}
@@ -1 +0,0 @@
1
- .hop-iframe__wrapper{position:relative;overflow:hidden;height:700px}#hopIframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hop-3dsecure{position:relative;overflow:hidden;height:350px;width:100%}.btn_align,.content{margin:0 auto}.checkout-payment-details__title{font-weight:700;text-align:left}.checkout-payment-details__description{color:#cf000f}
@@ -1 +0,0 @@
1
- .pdf-loader{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px;background:rgba(2,119,189,.1);border-radius:10px}.pdf-loader__input{max-width:100%}.pdf-loader__buttons{display:flex;flex-direction:column;width:100%;gap:10px}.pdf-loader__buttons--disable{opacity:.5;pointer-events:none}.pdf-loader__buttons--disable .pdf-loader__button:focus,.pdf-loader__buttons--disable .pdf-loader__button:hover{background-color:#fff;border-color:#0277bd;color:#0277bd}.pdf-loader__button{flex:1}.pdf-loader__button svg{margin-right:10px}.pdf-loader .file-loader__label{word-wrap:break-word;white-space:break-spaces}@media (min-width:768px){.pdf-loader__buttons{flex-direction:row}}@media (min-width:992px){.pdf-loader{gap:0;flex-direction:row;align-items:flex-start;justify-content:space-between}.pdf-loader__input{max-width:50%}.pdf-loader__buttons{flex:0 0 50%;max-width:50%;margin-top:0}}@media (min-width:1200px){.pdf-loader__buttons{justify-content:flex-end}.pdf-loader__button{flex:0 0 258px}}
@@ -1 +0,0 @@
1
- .favourite-product{display:inline-block;margin:-4px;padding:4px;font-size:1em;line-height:1em;color:#0277bd;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.favourite-product .favourite-product__checked{display:none}.favourite-product-checked .favourite-product__checked{display:inline-block}.favourite-product-checked .favourite-product__unchecked{display:none}.favourite-product-disable{opacity:.75;pointer-events:none}.pdp__heading-block{display:flex;gap:16px}.pdp__heading{flex:1}.pdp__favourite{margin-right:4px;font-size:1.5rem}
@@ -1 +0,0 @@
1
- .favourite-product{display:inline-block;margin:-4px;padding:4px;font-size:1em;line-height:1em;color:#0277bd;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.favourite-product .favourite-product__checked{display:none}.favourite-product-checked .favourite-product__checked{display:inline-block}.favourite-product-checked .favourite-product__unchecked{display:none}.favourite-product-disable{opacity:.75;pointer-events:none}.product-card__favourite{margin-right:16px;margin-bottom:4px;line-height:1;font-size:1rem;text-align:right}@media (min-width:576px){.product-card__favourite{font-size:1.5rem}}@media (min-width:768px){.product-card__favourite{margin-right:1px;margin-bottom:9px}}
@@ -1 +0,0 @@
1
- .pdp-price-container{position:relative}.pdp-price-container__badges.pdp-price-container__badges{padding:0 10px;min-width:140px;background:#cf000f;font-size:1.428em}@media (max-width:767.98px){.pdp-price-container__badges.pdp-price-container__badges{margin-right:15px}}.pdp-price-container .pdp-price{padding:20px;background:#f8f8f8}.pdp-price-container .pdp-price__klarna-payment{border:1px solid #ccc;margin-bottom:8px}.pdp-price-container .pdp-price__billie-payment{margin-bottom:8px}.pdp-price-container .pdp-price__description,.pdp-price-container .pdp-price__price,.pdp-price-container .pdp-price__terms{font-weight:700}.pdp-price-container .pdp-price__price{font-size:2.125rem;line-height:2.25rem;padding:0 0 8px;color:#0a3055}.pdp-price-container .pdp-price__description{font-size:1.1428em;padding-bottom:8px;color:#cf000f}.pdp-price-container .pdp-price__sqm{font-weight:500;font-size:1.1428em;padding-bottom:8px;color:#0a3055}.pdp-price-container .pdp-price-sale__value .pdp-price__sqm{color:#cf000f}.pdp-price-container .pdp-price__remainder{padding-bottom:8px}
@@ -1 +0,0 @@
1
- .pdp-price-container{position:relative}.pdp-price-container__badges.pdp-price-container__badges{padding:0 10px;min-width:140px;background:#cf000f;font-size:1.428em}@media (max-width:767.98px){.pdp-price-container__badges.pdp-price-container__badges{margin-right:15px}}.pdp-price-container .pdp-price{padding:20px;background:#f8f8f8}.pdp-price-container .pdp-price__klarna-payment{border:1px solid #ccc;margin-bottom:8px}.pdp-price-container .pdp-price__billie-payment{margin-bottom:8px}.pdp-price-container .pdp-price_bw{outline:4px solid #8b8b8b;border-left:0}.pdp-price-container .pdp-price__excluding-delivery{font-size:.75rem;line-height:1rem;font-weight:400;display:block;margin-bottom:8px}@media (max-width:991.98px){.pdp-price-container .pdp-price{margin-bottom:20px}}.pdp-price-container .pdp-price__description,.pdp-price-container .pdp-price__price,.pdp-price-container .pdp-price__terms{font-weight:700}.pdp-price-container .pdp-price__price{font-size:2.125rem;line-height:2.25rem;padding:0 0 8px;color:#0a3055}.pdp-price-container .pdp-price__description{font-size:1.1428em;padding-bottom:8px;color:#cf000f}.pdp-price-container .pdp-price__description p{margin-bottom:0}.pdp-price-container .pdp-price__sqm{font-weight:500;font-size:1.1428em;padding-bottom:8px;color:#0a3055}.pdp-price-container .pdp-price-sale__value .pdp-price__sqm{color:#cf000f}.pdp-price-container .pdp-price__remainder{padding-bottom:8px}.pdp-price-container .pdp-price__terms a:hover{color:#3e3e3e}.pdp-price-container .pdp-price__control-installation>.btn-secondary:focus{background-color:#fff;border-color:#0277bd;color:#0277bd}
@@ -1 +0,0 @@
1
- .special-opening-schedule-item.schedule-item{flex-direction:row}.special-opening-schedule-item.schedule-item__reason{flex:0 0 33.33333%;max-width:33.33333%;font-weight:400;padding:0 15px}.special-opening-schedule-item.schedule-item__data-time{flex:0 0 66.66667%;max-width:66.66667%;display:flex;justify-content:space-between}.special-opening-schedule-item.schedule-item__day{white-space:nowrap}.special-opening-schedule-item.schedule-item__time{text-align:left;white-space:nowrap}.special-opening-schedule-item.schedule-item__addition-info{font-weight:500;padding:0 15px;margin:5px 0;line-height:16px;font-size:12px}.store-locator .special-opening-schedule-item.schedule-item__reason{display:none}.store-locator .special-opening-schedule-item.schedule-item__data-time{flex:0 0 100%;max-width:100%}.store-locator .special-opening-schedule-item.schedule-item__time{text-align:left}@media (min-width:768px){.special-opening-schedule-item.schedule-item__time{text-align:center}}@media (min-width:992px){.special-opening-schedule-item.schedule-item__time{text-align:right}}
@@ -1 +0,0 @@
1
- .special-opening-schedule-item.schedule-item{display:flex;flex-direction:column;line-height:2;padding:5px 0}.special-opening-schedule-item.schedule-item__reason{font-weight:700;padding:0 15px}.special-opening-schedule-item.schedule-item__data-time{display:flex;justify-content:space-between}.special-opening-schedule-item.schedule-item__time{text-transform:uppercase}@media (min-width:576px){.special-opening-schedule-item.schedule-item__time{white-space:nowrap}}.special-opening-schedule-item.schedule-item__time span:last-child{white-space:nowrap}.special-opening-schedule-item.schedule-item__addition-info{font-weight:500;padding:0 15px;margin:5px 0;line-height:16px;font-size:12px}
@@ -1 +0,0 @@
1
- .store-locator-about{margin-bottom:0;margin-top:0}.store-locator-about__text{margin:0}