wickes-css2 2.107.0-develop.2 → 2.107.0-develop.3

package/build/css/pages/my-account-v2.css

@@ -1 +1 @@
-.consignment-info{display:flex;align-items:center;margin-top:12px;margin-bottom:0;font-weight:400;font-size:.75rem;line-height:1rem;color:#3e3e3e}.consignment-info__text{margin-bottom:0}.consignment-info .icon-info-component{cursor:pointer;font-size:.675rem;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}@media (min-width:768px){.consignment-info{margin-top:16px}}@media (min-width:992px){.consignment-info{margin-top:0;margin-left:16px;font-size:.875rem}}.shipment-details{margin-top:12px}.shipment-details .shipment{display:flex;margin-bottom:12px}.shipment-details .shipment-icon{display:flex;align-items:center;justify-content:center;background:#0a3055;width:32px;height:32px;border-radius:50px}.shipment-details .shipment-icon .icon{color:#fff;font-size:1rem}.shipment-details .shipment__content{display:flex;flex-direction:column;flex:1;margin-left:8px}.shipment-details .shipment__content>:not(:first-child){margin-top:4px}.shipment-details .shipment__count,.shipment-details .shipment__info,.shipment-details .shipment__title{font-size:.75rem;line-height:1rem;color:#666}.shipment-details .shipment__title{font-weight:700;color:#3e3e3e;margin-bottom:0}.shipment-details .shipment .track-link{text-decoration:none;font-weight:500;font-size:.75rem;line-height:1rem;color:#0277bd;max-width:max-content}.shipment-details .shipment .track-link:hover{text-decoration:underline}@media (min-width:768px){.shipment-details{margin-top:16px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:16px}.shipment-details .shipment{margin-bottom:0}}@media (min-width:1200px){.shipment-details{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:20px 16px}}.menu{display:flex;padding-top:24px;padding-bottom:24px;margin-right:-15px;margin-left:-15px}.menu__list{padding-left:0;list-style-type:none;margin-bottom:0;width:100%}.menu__header{justify-content:center;width:100%;padding:12px 0}.menu__header,.menu__title{display:flex;align-items:center}.menu__title{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.375rem;margin-left:8px}.menu__total{display:flex;align-items:center;justify-content:center;background:#0a3055;color:#fff;border-radius:50px;width:18px;height:18px;font-size:.75rem;font-weight:500;line-height:1rem;margin-left:10px}.menu__description{margin-bottom:0;display:none}.menu__item{position:relative}.menu__item+.menu__item:before{content:"";border-top:1px solid #ccc;position:absolute;top:0;left:50%;width:calc(100% - 30px);transform:translate(-50%,-50%)}.menu__link{padding:0 15px;color:#0a3055;display:flex;align-items:center}.menu__link,.menu__link:hover{text-decoration:none}.menu__link:focus{background:#f4f9fe}.menu__link .icon{color:#99b5cf;font-size:1.6rem}.menu__link .icon-arrow{font-size:1.6rem;color:#0277bd}.menu__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu__icon--arrow{margin-left:auto}@media (min-width:576px){.consignment-info{grid-area:consignmentInfo}.shipment-details{grid-area:shipment}.shipment-details .shipment:last-child{margin-bottom:0}.menu{padding-top:32px;padding-bottom:32px;margin:0}.menu__header{padding-right:8px;padding-left:8px}.menu__item+.menu__item:before{width:100%}.menu__link{padding-right:0;padding-left:0}}@media (min-width:768px){.menu__header{padding:0}.menu__list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:24px}.menu__item{padding:0;display:flex}.menu__item+.menu__item{border-top:0}.menu__item+.menu__item:before{content:none}.menu__link{padding:24px;flex-direction:column;align-items:flex-start;position:relative;border:1px solid #ccc;border-radius:4px;width:100%}.menu__link:focus{background:initial}.menu__link:focus,.menu__link:hover{border-color:#0277bd;color:#0a3055}.menu__description{display:block;margin-top:16px;font-size:.875rem;font-weight:400;line-height:1.375rem;color:#3e3e3e}.menu__icon{width:48px;height:48px}.menu__icon .icon{font-size:2rem;height:auto}.menu__total{min-width:24px;height:24px}}@media (min-width:992px){.menu{padding-top:40px;padding-bottom:40px}.menu__list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}.contacts{display:flex;flex-direction:column;margin-top:16px}.contacts__item{background:#fff;padding:16px;border-radius:4px}.contacts__item+.contacts__item{margin-top:16px}.contacts__header,.contacts__icon{display:flex;align-items:center}.contacts__icon{width:32px;height:32px;justify-content:center;margin-right:12px}.contacts__icon .icon{color:#99b5cf;font-size:1.35rem;height:auto}.contacts__title{font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.5rem;margin-bottom:0}.contacts__description{font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;margin-top:8px;margin-bottom:0}.contacts__links{list-style-type:none;padding-left:0;margin-top:16px;margin-bottom:0}.contacts__links .link{font-weight:500}.contacts__links li+li{margin-top:16px}.contacts__link{margin-top:16px;font-weight:500;text-decoration:none;display:flex;align-items:center}.contacts .btn{margin-top:16px}@media (min-width:576px){.contacts{margin-top:0}}@media (min-width:768px){.contacts{flex-direction:row;grid-gap:24px}.contacts__item{flex:1;justify-content:space-between;display:flex;flex-direction:column;align-items:flex-start}.contacts__item+.contacts__item{margin-top:0}.contacts__description{margin-top:16px;margin-bottom:auto}.contacts__icon{width:48px;height:48px}.contacts__icon .icon{font-size:2rem}}@media (min-width:992px){.contacts__item{padding:24px}}.account-nav{padding:8px 0}.account-nav--old-pages{position:relative}.account-nav--old-pages .accordion{width:100%;position:absolute}.account-nav__toggle{padding:0;position:relative}.account-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px}.account-nav__icon .icon{font-size:1rem;color:#99b5cf}.account-nav__icon .custom-icon{width:auto;font-size:.65rem;height:auto}.account-nav__icon .custom-icon path{fill:#99b5cf}.account-nav__list{padding-left:0;list-style-type:none;margin-bottom:0}.account-nav__link{display:flex;font-weight:500;font-size:.875rem;line-height:1.375rem;color:#3e3e3e;text-decoration:none;padding:8px 16px;align-items:center}.account-nav__link:focus,.account-nav__link:hover{color:#0277bd;text-decoration:none}.account-nav__link.active{background:#f4f9fe}.account-nav__link.active:focus,.account-nav__link.active:hover{background:#fff}.account-nav .rewards{width:20px;height:20px;border-radius:50px;background:#0a3055;color:#fff;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;line-height:1rem}.account-nav .accordion__header{padding:8px 8px 8px 16px;display:flex;align-items:center}.account-nav .accordion__header-text{font-weight:500;font-size:1rem;line-height:1.5rem;color:#3e3e3e}.account-nav .accordion__header-icon{margin-left:auto;position:relative}.account-nav .accordion__content{position:relative;padding:0}.account-nav .accordion__holder{padding:0;box-shadow:0 0 8px rgba(0,0,0,.12);background:#fff;border-radius:4px;z-index:5;width:100%;position:absolute;top:8px;left:0}@media (min-width:992px){.account-nav{display:none}}.active-orders{margin-top:24px}.active-orders__title{font-weight:500;font-size:1.25rem;line-height:1rem;color:#0a3055;margin-bottom:0}.active-orders__item{margin-top:16px;padding:16px;background:#fff;border-radius:4px}.active-orders .view-more{display:flex;align-items:center;justify-content:center;padding-top:12px;border-top:1px solid #ccc}.active-orders .view-more .link{font-weight:500;font-size:.875rem;line-height:1.375rem;text-align:center;color:#0277bd;text-decoration:none;display:flex;justify-content:center;align-items:center}.active-orders .view-more .link span:hover{text-decoration:underline}.active-orders .view-more .link .icon{margin-left:8px;font-size:1rem}.active-orders .btn--all-orders{margin-top:16px}.order-header{display:flex;justify-content:space-between;align-items:center;padding:0}.order-header__title{margin-bottom:0;font-size:1.125rem;line-height:1.5rem}.order-status{background:rgba(2,119,189,.1);padding:2px 8px;border-radius:50px;font-weight:500;display:flex;align-items:center}.order-status .icon{font-size:1rem;height:auto;color:#0277bd;margin-right:8px}.order-status.completed{background:rgba(103,165,9,.1)}.order-status.completed .icon{color:#67a509}.order-status.cancelled{background:rgba(207,0,15,.1)}.order-status.cancelled .icon{color:#cf000f}.order-details{margin-top:8px}.order-details__summary{display:flex;align-items:baseline}.order-details__price{margin-bottom:0;font-weight:700;font-size:1.125rem;line-height:1.5rem;color:#0a3055}.order-details__vat{margin-left:5px;line-height:1rem}.order-details__count{position:relative;padding-left:8px;margin-left:8px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}.order-details__count:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}.order-details__date{display:block;margin-top:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}@media (min-width:576px){.active-orders__header{display:flex;justify-content:space-between;align-items:center}.active-orders__header .btn--all-orders{margin-top:0;max-width:125px}.active-orders__item{display:-ms-grid;display:grid;grid-template-areas:"header viewMore" "orderDetails orderDetails" "consignmentInfo consignmentInfo" "paymentStatus paymentStatus" "shipment shipment"}.active-orders__item .order-header{flex-direction:row-reverse;justify-content:flex-end;grid-area:header}.active-orders__item .order-header__title{margin-left:16px;font-weight:700}.active-orders__item .view-more{grid-area:viewMore;justify-content:flex-end;border-top:0;padding:0}.active-orders__item .view-more .link .icon{margin-left:13px}.order-details{grid-area:orderDetails;display:flex;align-items:baseline}.order-details__date{margin-left:8px;padding-left:8px;margin-top:0;position:relative}.order-details__date:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}.consignment-info{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}.shipment-details{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.active-orders__title{font-size:1.5rem}}@media (min-width:992px){.active-orders__item{padding:24px;grid-template-areas:"header consignmentInfo viewMore" "orderDetails orderDetails orderDetails" "paymentStatus paymentStatus paymentStatus" "shipment shipment shipment";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;align-items:center}.consignment-info{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.shipment-details{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:3}.active-orders__item .order-header{-ms-grid-row:1;-ms-grid-column:1}.active-orders__item .view-more{-ms-grid-row:1;-ms-grid-column:3}.order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3}}.saving-totaliser{background:#0a3055;padding:16px;color:#fff;margin-bottom:40px}.saving-totaliser .heading-1,.saving-totaliser .heading-2{text-align:left}.saving-totaliser__encourage{margin-top:8px;display:flex;justify-content:space-between}.saving-totaliser__encourage .btn{margin-top:16px}.saving-totaliser__saving-icon.icon{position:absolute;top:30px;right:26px;width:60px;height:auto;color:#99b5cf}.saving-totaliser__saving-icon.icon svg{width:100%;height:100%}.saving-totaliser__saving-title{font-size:inherit;font-weight:700;line-height:inherit}.saving-totaliser__cell{background:hsla(0,0%,100%,.08);padding:16px;flex:1;position:relative}.saving-totaliser__cell-title{margin-bottom:4px;color:hsla(0,0%,100%,.8)}.saving-totaliser__title{margin-bottom:16px}.saving-totaliser__attencion{margin-bottom:4px}.saving-totaliser__wrapper,.saving-totaliser__wrapper2{display:flex;flex-direction:column;gap:16px}.saving-totaliser__wrapper{margin-bottom:16px}.saving-totaliser__divider{width:1px;background:hsla(0,0%,100%,.8)}.saving-totaliser__split-cell{display:flex;flex-direction:row;gap:16px}.saving-totaliser__semi-cell{flex:1}.saving-totaliser__center-cell{display:flex;justify-content:center;align-items:center}.saving-totaliser__note{font-size:.75rem;line-height:1rem;color:hsla(0,0%,100%,.8)}@media (max-width:575.98px){.saving-totaliser__saved{width:180px}.saving-totaliser--this-year-only .saving-totaliser__wrapper2{flex-direction:row}}@media (min-width:576px){.saving-totaliser{padding:24px}}@media (min-width:768px){.saving-totaliser__saving-title{font-size:1rem;font-weight:500;line-height:1.5rem}}@media (min-width:576px) and (max-width:991.98px){.saving-totaliser__attencion,.saving-totaliser__saved{margin-right:130px}.saving-totaliser__wrapper2{flex-direction:row}.saving-totaliser--this-last-year .saving-totaliser__split-cell{flex:2.3}.saving-totaliser__saving-icon.icon{position:absolute;top:37px;right:32px;width:93px}}@media (min-width:992px){.saving-totaliser__attencion,.saving-totaliser__saved{margin-right:170px}.saving-totaliser__wrapper{flex-direction:row}.saving-totaliser__wrapper2{flex-direction:column;width:364px}.saving-totaliser__saving-icon.icon{position:absolute;top:0;bottom:0;right:36px;width:123px}}.barcode{margin-top:16px;padding:12px;background:#fff;border-radius:4px;color:#3e3e3e;position:relative;font-size:.75rem;line-height:1rem}.barcode__discount{position:absolute;top:-8px;right:-8px}.barcode__discount--text{background:#cf000f;border-radius:10px;padding:2px 8px;color:#fff;font-weight:700}.barcode__discount img{border-radius:40px;width:100%;max-width:58px}.barcode__content{display:flex;justify-content:center;align-items:center}.barcode__content p{margin-bottom:0;margin-left:8px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.barcode__content .custom-icon{width:13px;height:auto}.barcode__image{display:flex}.barcode__image svg{width:100%;height:auto}.barcode__code{text-align:center;margin-bottom:0}.discount{background:hsla(0,0%,100%,.08);border-radius:4px;padding:16px}.discount .icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.discount .title{margin-bottom:0;font-weight:700;font-size:1rem;line-height:1.25rem}.discount .subtitle{display:inline-block;font-weight:400;font-size:.875rem;line-height:1.375rem}.discount__content{display:flex}.discount__content .subtitle{margin:4px 0 0}.discount__content .icon{font-size:1.44rem;height:18px;color:#99b5cf}.discount .barcode__image svg{margin:8px 0}.discount__code{margin-left:8px}.discount--secondary{background:rgba(0,0,0,.4)}.discount--secondary .discount__content .icon{color:#ccc}.clipboard-code{background:hsla(0,0%,100%,.08);border-radius:4px;padding:16px}.clipboard-code .icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.clipboard-code .title{margin-bottom:0;font-weight:700;font-size:1rem;line-height:1.25rem}.clipboard-code .subtitle{display:inline-block;font-weight:400;font-size:.875rem;line-height:1.375rem}.clipboard-code .icon{color:#99b5cf;font-size:1.35rem}.clipboard-code .custom-icon path{fill:#99b5cf}.clipboard-code__content{margin-left:8px}.clipboard-code__cta{margin-top:4px;display:flex;align-items:center}.clipboard-code__cta .btn--icon{padding:4px;margin-left:4px;border:0;border-radius:0;background:0 0;display:inline-flex}.clipboard-code__cta .btn--icon .icon-copy{width:14px;height:auto;color:#fff}.clipboard-code__description{margin-top:16px;color:hsla(0,0%,100%,.8)}.clipboard-code__description p{font-size:14px;font-weight:400;line-height:22px;margin-bottom:0}.clipboard-code__description .link{color:inherit}.clipboard-code--secondary{background:rgba(0,0,0,.4)}.clipboard-code--secondary .icon{color:#ccc}.cards-swap{position:relative;width:100%;margin-bottom:40px}.cards-swap__card{position:absolute;top:0;left:0;right:0;transform:translateY(-16px) scale(.9);transform-origin:top;height:inherit;overflow:hidden;filter:contrast(.6) brightness(1.2);z-index:1;transition-property:transform,filter;transition-duration:.7s,.7s;transition-timing-function:cubic-bezier(.46,-.59,.4,.89),linear}.cards-swap__card.active{transform:translate(0) scale(1);filter:contrast(1) brightness(1);z-index:2;height:auto;overflow:visible}.cards-swap__card.static{position:relative}.cards-swap__toggle{position:absolute;top:12px;right:12px;width:23px;height:23px;background:#fff;border-radius:20px;font-size:12px;font-weight:700;color:#0a3055;display:flex;justify-content:center;align-items:center;line-height:1.2;cursor:pointer}@media (min-width:576px){.cards-swap__card{transform:translateY(16px) scale(.9);transform-origin:bottom}.active-orders__item .order-header{-ms-grid-row:1;-ms-grid-column:1}.active-orders__item .view-more{-ms-grid-row:1;-ms-grid-column:2}.order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}.payment-status{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:2}}.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:2s linear infinite fa-spin}.fa-pulse{animation:1s steps(8) infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}.payment-status{display:flex;align-items:center;padding:8px;background-color:#f8f8f8;gap:8px;margin-top:12px;border-radius:4px;grid-area:paymentStatus}.payment-status__logo{width:38px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-status__logo .payments-status__image{max-width:100%;height:auto;display:block}.payment-status__content,.payment-status__text{font-size:.75rem;line-height:1rem}.payment-status__text{font-weight:400}.payment-status__title{font-weight:500}.payment-status--success{background-color:#67a5091a}.payment-status--overdue{background-color:#cf000f1a}.payment-status--partial{background-color:#ffc4391a}.wismo__order-pay .payment-status{margin-top:8px}.wismo__order-pay .payment-status--default{background-color:#fff}@media (min-width:768px){.payment-status__content{flex-direction:row;gap:8px}.wismo__order-pay .payment-status__content{flex-direction:column;gap:0}}@media (min-width:992px){.payment-status{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3;margin-top:16px}}.my-account{margin:0;display:block;padding:0}.my-account .container .col-12{min-height:auto}.my-account .notification_general{margin-bottom:8px;margin-top:8px}.my-account .notification_reminder{margin:0 0 1.5rem}.my-account .notification_link{padding:0 5px}.my-account .notification_link,.my-account .notification_link:hover{color:#fff;text-decoration:none}.my-account .notification_info-message{border:0;text-align:center;margin:0;background:#205c56;color:#fff;padding:4px 5px;font-size:.875rem}.my-account .account-actions{background:#f8f8f8;padding:24px 0}.my-account .account-actions__list{list-style-type:none;display:flex;flex-direction:column;background:#fff;padding:16px;margin-bottom:0}.my-account .account-actions__item+.account-actions__item{margin-top:16px}.my-account .account-actions__link{text-decoration:none;font-weight:500;color:#0277bd;display:flex;align-items:center;transition:.3s}.my-account .account-actions__link:hover{opacity:.7;text-decoration:underline}.my-account .account-actions__link .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:1rem}.my-account .account-summary{background:#f4f9fe;padding:24px 0}.my-account .account-summary__wrapper{background:#0a3055;border-radius:4px;color:#fff;padding:16px;width:100%}.my-account .account-summary__wrapper--secondary{background:#9d9d9c}.my-account .discount{margin-top:16px;padding-bottom:26px}.my-account .clipboard-code{display:flex;margin-top:16px}.my-account .greetings{word-break:break-all}.my-account .greetings--secondary{color:#000}.my-account .greetings .title{font-weight:500;font-size:1.625rem;line-height:2.25rem;margin-bottom:0;text-align:left}.my-account .greetings .subtitle{margin-top:5px;margin-bottom:0}.my-account__banner-wrapper{padding-top:16px}.my-account__banner-wrapper--background{background-color:#f4f9fe}.my-account__banner-wrapper .notification,.my-account__banner-wrapper .notification.notification_general{margin:0}.my-account__banner-wrapper .notification_link{color:#fff;text-decoration:none}.tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.75rem;line-height:1rem}.tooltip .arrow:before{border-top-color:#fff}@media (min-width:576px){.d-sm-grid{display:-ms-grid!important;display:grid!important}.my-account .account-actions{padding-top:32px;padding-bottom:32px}.my-account .account-actions__list{margin-top:0;margin-left:10px;padding:0 0 0 16px;background:0 0;border-left:1px solid #fff;justify-content:center}.my-account .account-actions__link{color:#fff;white-space:nowrap}.my-account .account-summary{padding-top:32px;padding-bottom:32px}.my-account .account-summary__wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:3fr;grid-template-rows:3fr;grid-gap:16px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:2;grid-column:span 2;display:flex;justify-content:space-between}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{margin-top:0}.my-account .account-summary__wrapper .discount{-ms-grid-row-span:2;grid-row:span 2;padding-bottom:16px}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount__content{align-items:center}.my-account .account-summary__wrapper--double .discount{grid-row:auto}.my-account__banner-wrapper{padding-top:24px}.my-account .cards-swap .account-summary__wrapper{-ms-grid-rows:auto;grid-template-rows:auto}}@media (min-width:768px){.my-account .account-actions{padding-top:40px;padding-bottom:70px}.my-account .account-summary__wrapper{padding:24px}.my-account .notification_general{margin-top:16px;margin-bottom:16px}.my-account__banner-wrapper{padding-top:40px}}@media (min-width:992px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) (minmax(auto,223px))[2];grid-template-columns:minmax(auto,502px) repeat(2,minmax(auto,223px))}.my-account .account-summary__wrapper--double{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{padding-top:20px;padding-bottom:20px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:3;grid-column:span 3}.my-account .account-summary__wrapper .discount{grid-row:initial;flex-direction:row;display:flex;justify-content:space-between;align-items:center}.my-account .account-summary__wrapper .discount .subtitle{font-size:1rem}.my-account .account-summary__wrapper .barcode{max-width:155px;height:auto;margin-left:24px;padding:12px;margin-top:-4px;margin-bottom:-4px}.my-account .account-summary__wrapper .barcode__code,.my-account .account-summary__wrapper .barcode__content{display:none}.my-account .account-summary__wrapper .barcode__discount{top:-12px;right:-12px}.my-account .clipboard-code.discount-code{padding-right:14px}}@media (min-width:1200px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) 1fr 1fr;grid-template-columns:minmax(auto,502px) 1fr 1fr}.my-account .account-summary__wrapper--double{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.my-account .account-summary__wrapper .icon-wrap{width:48px;height:48px}.my-account .account-summary__wrapper .discount .icon{font-size:1.75rem;height:28px;margin:auto 6px}.my-account .account-summary__wrapper .clipboard-code .icon{font-size:2rem}.my-account .account-summary__wrapper .clipboard-code .custom-icon{width:36px;height:auto}}
+.consignment-info{display:flex;align-items:center;margin-top:12px;margin-bottom:0;font-weight:400;font-size:.75rem;line-height:1rem;color:#3e3e3e}.consignment-info__text{margin-bottom:0}.consignment-info .icon-info-component{cursor:pointer;font-size:.675rem;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}@media (min-width:768px){.consignment-info{margin-top:16px}}@media (min-width:992px){.consignment-info{margin-top:0;margin-left:16px;font-size:.875rem}}.shipment-details{margin-top:12px}.shipment-details .shipment{display:flex;margin-bottom:12px}.shipment-details .shipment-icon{display:flex;align-items:center;justify-content:center;background:#0a3055;width:32px;height:32px;border-radius:50px}.shipment-details .shipment-icon .icon{color:#fff;font-size:1rem}.shipment-details .shipment__content{display:flex;flex-direction:column;flex:1;margin-left:8px}.shipment-details .shipment__content>:not(:first-child){margin-top:4px}.shipment-details .shipment__count,.shipment-details .shipment__info,.shipment-details .shipment__title{font-size:.75rem;line-height:1rem;color:#666}.shipment-details .shipment__title{font-weight:700;color:#3e3e3e;margin-bottom:0}.shipment-details .shipment .track-link{text-decoration:none;font-weight:500;font-size:.75rem;line-height:1rem;color:#0277bd;max-width:max-content}.shipment-details .shipment .track-link:hover{text-decoration:underline}@media (min-width:768px){.shipment-details{margin-top:16px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:16px}.shipment-details .shipment{margin-bottom:0}}@media (min-width:1200px){.shipment-details{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:20px 16px}}.menu{display:flex;padding-top:24px;padding-bottom:24px;margin-right:-15px;margin-left:-15px}.menu__list{padding-left:0;list-style-type:none;margin-bottom:0;width:100%}.menu__header{justify-content:center;width:100%;padding:12px 0}.menu__header,.menu__title{display:flex;align-items:center}.menu__title{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.375rem;margin-left:8px}.menu__total{display:flex;align-items:center;justify-content:center;background:#0a3055;color:#fff;border-radius:50px;width:18px;height:18px;font-size:.75rem;font-weight:500;line-height:1rem;margin-left:10px}.menu__description{margin-bottom:0;display:none}.menu__item{position:relative}.menu__item+.menu__item:before{content:"";border-top:1px solid #ccc;position:absolute;top:0;left:50%;width:calc(100% - 30px);transform:translate(-50%,-50%)}.menu__link{padding:0 15px;color:#0a3055;display:flex;align-items:center}.menu__link,.menu__link:hover{text-decoration:none}.menu__link:focus{background:#f4f9fe}.menu__link .icon{color:#99b5cf;font-size:1.6rem}.menu__link .icon-arrow{font-size:1.6rem;color:#0277bd}.menu__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu__icon--arrow{margin-left:auto}@media (min-width:576px){.consignment-info{grid-area:consignmentInfo}.shipment-details{grid-area:shipment}.shipment-details .shipment:last-child{margin-bottom:0}.menu{padding-top:32px;padding-bottom:32px;margin:0}.menu__header{padding-right:8px;padding-left:8px}.menu__item+.menu__item:before{width:100%}.menu__link{padding-right:0;padding-left:0}}@media (min-width:768px){.menu__header{padding:0}.menu__list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:24px}.menu__item{padding:0;display:flex}.menu__item+.menu__item{border-top:0}.menu__item+.menu__item:before{content:none}.menu__link{padding:24px;flex-direction:column;align-items:flex-start;position:relative;border:1px solid #ccc;border-radius:4px;width:100%}.menu__link:focus{background:initial}.menu__link:focus,.menu__link:hover{border-color:#0277bd;color:#0a3055}.menu__description{display:block;margin-top:16px;font-size:.875rem;font-weight:400;line-height:1.375rem;color:#3e3e3e}.menu__icon{width:48px;height:48px}.menu__icon .icon{font-size:2rem;height:auto}.menu__total{min-width:24px;height:24px}}@media (min-width:992px){.menu{padding-top:40px;padding-bottom:40px}.menu__list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}.contacts{display:flex;flex-direction:column;margin-top:16px}.contacts__item{background:#fff;padding:16px;border-radius:4px}.contacts__item+.contacts__item{margin-top:16px}.contacts__header,.contacts__icon{display:flex;align-items:center}.contacts__icon{width:32px;height:32px;justify-content:center;margin-right:12px}.contacts__icon .icon{color:#99b5cf;font-size:1.35rem;height:auto}.contacts__title{font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.5rem;margin-bottom:0}.contacts__description{font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;margin-top:8px;margin-bottom:0}.contacts__links{list-style-type:none;padding-left:0;margin-top:16px;margin-bottom:0}.contacts__links .link{font-weight:500}.contacts__links li+li{margin-top:16px}.contacts__link{margin-top:16px;font-weight:500;text-decoration:none;display:flex;align-items:center}.contacts .btn{margin-top:16px}@media (min-width:576px){.contacts{margin-top:0}}@media (min-width:768px){.contacts{flex-direction:row;grid-gap:24px}.contacts__item{flex:1;justify-content:space-between;display:flex;flex-direction:column;align-items:flex-start}.contacts__item+.contacts__item{margin-top:0}.contacts__description{margin-top:16px;margin-bottom:auto}.contacts__icon{width:48px;height:48px}.contacts__icon .icon{font-size:2rem}}@media (min-width:992px){.contacts__item{padding:24px}}.account-nav{padding:8px 0}.account-nav--old-pages{position:relative}.account-nav--old-pages .accordion{width:100%;position:absolute}.account-nav__toggle{padding:0;position:relative}.account-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px}.account-nav__icon .icon{font-size:1rem;color:#99b5cf}.account-nav__icon .custom-icon{width:auto;font-size:.65rem;height:auto}.account-nav__icon .custom-icon path{fill:#99b5cf}.account-nav__list{padding-left:0;list-style-type:none;margin-bottom:0}.account-nav__link{display:flex;font-weight:500;font-size:.875rem;line-height:1.375rem;color:#3e3e3e;text-decoration:none;padding:8px 16px;align-items:center}.account-nav__link:focus,.account-nav__link:hover{color:#0277bd;text-decoration:none}.account-nav__link.active{background:#f4f9fe}.account-nav__link.active:focus,.account-nav__link.active:hover{background:#fff}.account-nav .rewards{width:20px;height:20px;border-radius:50px;background:#0a3055;color:#fff;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;line-height:1rem}.account-nav .accordion__header{padding:8px 8px 8px 16px;display:flex;align-items:center}.account-nav .accordion__header-text{font-weight:500;font-size:1rem;line-height:1.5rem;color:#3e3e3e}.account-nav .accordion__header-icon{margin-left:auto;position:relative}.account-nav .accordion__content{position:relative;padding:0}.account-nav .accordion__holder{padding:0;box-shadow:0 0 8px rgba(0,0,0,.12);background:#fff;border-radius:4px;z-index:5;width:100%;position:absolute;top:8px;left:0}@media (min-width:992px){.account-nav{display:none}}.active-orders{margin-top:24px}.active-orders__title{font-weight:500;font-size:1.25rem;line-height:1rem;color:#0a3055;margin-bottom:0}.active-orders__item{margin-top:16px;padding:16px;background:#fff;border-radius:4px}.active-orders .view-more{display:flex;align-items:center;justify-content:center;padding-top:12px;border-top:1px solid #ccc}.active-orders .view-more .link{font-weight:500;font-size:.875rem;line-height:1.375rem;text-align:center;color:#0277bd;text-decoration:none;display:flex;justify-content:center;align-items:center}.active-orders .view-more .link span:hover{text-decoration:underline}.active-orders .view-more .link .icon{margin-left:8px;font-size:1rem}.active-orders .btn--all-orders{margin-top:16px}.order-header{display:flex;justify-content:space-between;align-items:center;padding:0}.order-header__title{margin-bottom:0;font-size:1.125rem;line-height:1.5rem}.order-status{background:rgba(2,119,189,.1);padding:2px 8px;border-radius:50px;font-weight:500;display:flex;align-items:center}.order-status .icon{font-size:1rem;height:auto;color:#0277bd;margin-right:8px}.order-status.completed{background:rgba(103,165,9,.1)}.order-status.completed .icon{color:#67a509}.order-status.cancelled{background:rgba(207,0,15,.1)}.order-status.cancelled .icon{color:#cf000f}.order-details{margin-top:8px}.order-details__summary{display:flex;align-items:baseline}.order-details__price{margin-bottom:0;font-weight:700;font-size:1.125rem;line-height:1.5rem;color:#0a3055}.order-details__vat{margin-left:5px;line-height:1rem}.order-details__count{position:relative;padding-left:8px;margin-left:8px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}.order-details__count:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}.order-details__date{display:block;margin-top:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}@media (min-width:576px){.active-orders__header{display:flex;justify-content:space-between;align-items:center}.active-orders__header .btn--all-orders{margin-top:0;max-width:125px}.active-orders__item{display:-ms-grid;display:grid;grid-template-areas:"header viewMore" "orderDetails orderDetails" "consignmentInfo consignmentInfo" "paymentStatus paymentStatus" "shipment shipment"}.active-orders__item .order-header{flex-direction:row-reverse;justify-content:flex-end;grid-area:header}.active-orders__item .order-header__title{margin-left:16px;font-weight:700}.active-orders__item .view-more{grid-area:viewMore;justify-content:flex-end;border-top:0;padding:0}.active-orders__item .view-more .link .icon{margin-left:13px}.order-details{grid-area:orderDetails;display:flex;align-items:baseline}.order-details__date{margin-left:8px;padding-left:8px;margin-top:0;position:relative}.order-details__date:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}.consignment-info{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}.shipment-details{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.active-orders__title{font-size:1.5rem}}@media (min-width:992px){.active-orders__item{padding:24px;grid-template-areas:"header consignmentInfo viewMore" "orderDetails orderDetails orderDetails" "paymentStatus paymentStatus paymentStatus" "shipment shipment shipment";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;align-items:center}.consignment-info{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.shipment-details{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:3}.active-orders__item .order-header{-ms-grid-row:1;-ms-grid-column:1}.active-orders__item .view-more{-ms-grid-row:1;-ms-grid-column:3}.order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3}}.saving-totaliser{background:#0a3055;padding:16px;color:#fff;margin-bottom:40px}.saving-totaliser .heading-1,.saving-totaliser .heading-2{text-align:left}.saving-totaliser__encourage{margin-top:8px;display:flex;justify-content:space-between}.saving-totaliser__encourage .btn{margin-top:16px}.saving-totaliser__saving-icon.icon{position:absolute;top:30px;right:26px;width:60px;height:auto;color:#99b5cf}.saving-totaliser__saving-icon.icon svg{width:100%;height:100%}.saving-totaliser__saving-title{font-size:inherit;font-weight:700;line-height:inherit}.saving-totaliser__cell{background:hsla(0,0%,100%,.08);padding:16px;flex:1;position:relative}.saving-totaliser__cell-title{margin-bottom:4px;color:hsla(0,0%,100%,.8)}.saving-totaliser__title{margin-bottom:16px}.saving-totaliser__attencion{margin-bottom:4px}.saving-totaliser__wrapper,.saving-totaliser__wrapper2{display:flex;flex-direction:column;gap:16px}.saving-totaliser__wrapper{margin-bottom:16px}.saving-totaliser__divider{width:1px;background:hsla(0,0%,100%,.8)}.saving-totaliser__split-cell{display:flex;flex-direction:row;gap:16px}.saving-totaliser__semi-cell{flex:1}.saving-totaliser__center-cell{display:flex;justify-content:center;align-items:center}.saving-totaliser__note{font-size:.75rem;line-height:1rem;color:hsla(0,0%,100%,.8)}@media (max-width:575.98px){.saving-totaliser__saved{width:180px}.saving-totaliser--this-year-only .saving-totaliser__wrapper2{flex-direction:row}}@media (min-width:576px){.saving-totaliser{padding:24px}}@media (min-width:768px){.saving-totaliser__saving-title{font-size:1rem;font-weight:500;line-height:1.5rem}}@media (min-width:576px) and (max-width:991.98px){.saving-totaliser__attencion,.saving-totaliser__saved{margin-right:130px}.saving-totaliser__wrapper2{flex-direction:row}.saving-totaliser--this-last-year .saving-totaliser__split-cell{flex:2.3}.saving-totaliser__saving-icon.icon{position:absolute;top:37px;right:32px;width:93px}}@media (min-width:992px){.saving-totaliser__attencion,.saving-totaliser__saved{margin-right:170px}.saving-totaliser__wrapper{flex-direction:row}.saving-totaliser__wrapper2{flex-direction:column;width:364px}.saving-totaliser__saving-icon.icon{position:absolute;top:0;bottom:0;right:36px;width:123px}}.barcode{margin-top:16px;padding:12px;background:#fff;border-radius:4px;color:#3e3e3e;position:relative;font-size:.75rem;line-height:1rem}.barcode__discount{position:absolute;top:-8px;right:-8px}.barcode__discount--text{background:#cf000f;border-radius:10px;padding:2px 8px;color:#fff;font-weight:700}.barcode__discount img{border-radius:40px;width:100%;max-width:58px}.barcode__content{display:flex;justify-content:center;align-items:center}.barcode__content p{margin-bottom:0;margin-left:8px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.barcode__content .custom-icon{width:13px;height:auto}.barcode__image{display:flex}.barcode__image svg{width:100%;height:auto}.barcode__code{text-align:center;margin-bottom:0}.discount{background:hsla(0,0%,100%,.08);border-radius:4px;padding:16px}.discount .icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.discount .title{margin-bottom:0;font-weight:700;font-size:1rem;line-height:1.25rem}.discount .subtitle{display:inline-block;font-weight:400;font-size:.875rem;line-height:1.375rem}.discount__content{display:flex}.discount__content .subtitle{margin:4px 0 0}.discount__content .icon{font-size:1.44rem;height:18px;color:#99b5cf}.discount .barcode__image svg{margin:8px 0}.discount__code{margin-left:8px}.discount--secondary{background:rgba(0,0,0,.4)}.discount--secondary .discount__content .icon{color:#ccc}.clipboard-code{background:hsla(0,0%,100%,.08);border-radius:4px;padding:16px}.clipboard-code .icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.clipboard-code .title{margin-bottom:0;font-weight:700;font-size:1rem;line-height:1.25rem}.clipboard-code .subtitle{display:inline-block;font-weight:400;font-size:.875rem;line-height:1.375rem}.clipboard-code .icon{color:#99b5cf;font-size:1.35rem}.clipboard-code .custom-icon path{fill:#99b5cf}.clipboard-code__content{margin-left:8px}.clipboard-code__cta{margin-top:4px;display:flex;align-items:center}.clipboard-code__cta .btn--icon{padding:4px;margin-left:4px;border:0;border-radius:0;background:0 0;display:inline-flex}.clipboard-code__cta .btn--icon .icon-copy{width:14px;height:auto;color:#fff}.clipboard-code__description{margin-top:16px;color:hsla(0,0%,100%,.8)}.clipboard-code__description p{font-size:14px;font-weight:400;line-height:22px;margin-bottom:0}.clipboard-code__description .link{color:inherit}.clipboard-code--secondary{background:rgba(0,0,0,.4)}.clipboard-code--secondary .icon{color:#ccc}.clipboard-code--secondary .custom-icon path{fill:#ccc}.cards-swap{position:relative;width:100%;margin-bottom:40px}.cards-swap__card{position:absolute;top:0;left:0;right:0;transform:translateY(-16px) scale(.9);transform-origin:top;height:inherit;overflow:hidden;filter:contrast(.6) brightness(1.2);z-index:1;transition-property:transform,filter;transition-duration:.7s,.7s;transition-timing-function:cubic-bezier(.46,-.59,.4,.89),linear}.cards-swap__card.active{transform:translate(0) scale(1);filter:contrast(1) brightness(1);z-index:2;height:auto;overflow:visible}.cards-swap__card.static{position:relative}.cards-swap__toggle{position:absolute;top:12px;right:12px;width:23px;height:23px;background:#fff;border-radius:20px;font-size:12px;font-weight:700;color:#0a3055;display:flex;justify-content:center;align-items:center;line-height:1.2;cursor:pointer}@media (min-width:576px){.cards-swap__card{transform:translateY(16px) scale(.9);transform-origin:bottom}.active-orders__item .order-header{-ms-grid-row:1;-ms-grid-column:1}.active-orders__item .view-more{-ms-grid-row:1;-ms-grid-column:2}.order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}.payment-status{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:2}}.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:2s linear infinite fa-spin}.fa-pulse{animation:1s steps(8) infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}.payment-status{display:flex;align-items:center;padding:8px;background-color:#f8f8f8;gap:8px;margin-top:12px;border-radius:4px;grid-area:paymentStatus}.payment-status__logo{width:38px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-status__logo .payments-status__image{max-width:100%;height:auto;display:block}.payment-status__content,.payment-status__text{font-size:.75rem;line-height:1rem}.payment-status__text{font-weight:400}.payment-status__title{font-weight:500}.payment-status--success{background-color:#67a5091a}.payment-status--overdue{background-color:#cf000f1a}.payment-status--partial{background-color:#ffc4391a}.wismo__order-pay .payment-status{margin-top:8px}.wismo__order-pay .payment-status--default{background-color:#fff}@media (min-width:768px){.payment-status__content{flex-direction:row;gap:8px}.wismo__order-pay .payment-status__content{flex-direction:column;gap:0}}@media (min-width:992px){.payment-status{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3;margin-top:16px}}.my-account{margin:0;display:block;padding:0}.my-account .container .col-12{min-height:auto}.my-account .notification_general{margin-bottom:8px;margin-top:8px}.my-account .notification_reminder{margin:0 0 1.5rem}.my-account .notification_link{padding:0 5px}.my-account .notification_link,.my-account .notification_link:hover{color:#fff;text-decoration:none}.my-account .notification_info-message{border:0;text-align:center;margin:0;background:#205c56;color:#fff;padding:4px 5px;font-size:.875rem}.my-account .account-actions{background:#f8f8f8;padding:24px 0}.my-account .account-actions__list{list-style-type:none;display:flex;flex-direction:column;background:#fff;padding:16px;margin-bottom:0}.my-account .account-actions__item+.account-actions__item{margin-top:16px}.my-account .account-actions__link{text-decoration:none;font-weight:500;color:#0277bd;display:flex;align-items:center;transition:.3s}.my-account .account-actions__link:hover{opacity:.7;text-decoration:underline}.my-account .account-actions__link .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:1rem}.my-account .account-summary{background:#f4f9fe;padding:24px 0}.my-account .account-summary__wrapper{background:#0a3055;border-radius:4px;color:#fff;padding:16px;width:100%}.my-account .account-summary__wrapper--secondary{background:#9d9d9c}.my-account .discount{margin-top:16px;padding-bottom:26px}.my-account .clipboard-code{display:flex;margin-top:16px}.my-account .greetings{word-break:break-all}.my-account .greetings--secondary{color:#000}.my-account .greetings .title{font-weight:500;font-size:1.625rem;line-height:2.25rem;margin-bottom:0;text-align:left}.my-account .greetings .subtitle{margin-top:5px;margin-bottom:0}.my-account__banner-wrapper{padding-top:16px}.my-account__banner-wrapper--background{background-color:#f4f9fe}.my-account__banner-wrapper .notification,.my-account__banner-wrapper .notification.notification_general{margin:0}.my-account__banner-wrapper .notification_link{color:#fff;text-decoration:none}.tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.75rem;line-height:1rem}.tooltip .arrow:before{border-top-color:#fff}@media (min-width:576px){.d-sm-grid{display:-ms-grid!important;display:grid!important}.my-account .account-actions{padding-top:32px;padding-bottom:32px}.my-account .account-actions__list{margin-top:0;margin-left:10px;padding:0 0 0 16px;background:0 0;border-left:1px solid #fff;justify-content:center}.my-account .account-actions__link{color:#fff;white-space:nowrap}.my-account .account-summary{padding-top:32px;padding-bottom:32px}.my-account .account-summary__wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:3fr;grid-template-rows:3fr;grid-gap:16px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:2;grid-column:span 2;display:flex;justify-content:space-between}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{margin-top:0}.my-account .account-summary__wrapper .discount{-ms-grid-row-span:2;grid-row:span 2;padding-bottom:16px}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount__content{align-items:center}.my-account .account-summary__wrapper--double .discount{grid-row:auto}.my-account__banner-wrapper{padding-top:24px}.my-account .cards-swap .account-summary__wrapper{-ms-grid-rows:auto;grid-template-rows:auto}}@media (min-width:768px){.my-account .account-actions{padding-top:40px;padding-bottom:70px}.my-account .account-summary__wrapper{padding:24px}.my-account .notification_general{margin-top:16px;margin-bottom:16px}.my-account__banner-wrapper{padding-top:40px}}@media (min-width:992px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) (minmax(auto,223px))[2];grid-template-columns:minmax(auto,502px) repeat(2,minmax(auto,223px))}.my-account .account-summary__wrapper--double{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{padding-top:20px;padding-bottom:20px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:3;grid-column:span 3}.my-account .account-summary__wrapper .discount{grid-row:initial;flex-direction:row;display:flex;justify-content:space-between;align-items:center}.my-account .account-summary__wrapper .discount .subtitle{font-size:1rem}.my-account .account-summary__wrapper .barcode{max-width:155px;height:auto;margin-left:24px;padding:12px;margin-top:-4px;margin-bottom:-4px}.my-account .account-summary__wrapper .barcode__code,.my-account .account-summary__wrapper .barcode__content{display:none}.my-account .account-summary__wrapper .barcode__discount{top:-12px;right:-12px}.my-account .clipboard-code.discount-code{padding-right:14px}}@media (min-width:1200px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) 1fr 1fr;grid-template-columns:minmax(auto,502px) 1fr 1fr}.my-account .account-summary__wrapper--double{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.my-account .account-summary__wrapper .icon-wrap{width:48px;height:48px}.my-account .account-summary__wrapper .discount .icon{font-size:1.75rem;height:28px;margin:auto 6px}.my-account .account-summary__wrapper .clipboard-code .icon{font-size:2rem}.my-account .account-summary__wrapper .clipboard-code .custom-icon{width:36px;height:auto}}

package/build/js/page/kitchen/card-carousel.js

@@ -3,30 +3,30 @@ var Wick = Wick || {};
 Wick.PLPCardSwiper = {};
 
 $(document).ready(function () {
-  const SELECTORS = {
-    kitchenCard: '.kitchen-card',
-    swiperContainer: '.swiper-container-main',
-    nextButton: '.kitchen-card__next-btn',
-    prevButton: '.kitchen-card__prev-btn',
-  };
+    const SELECTORS = {
+        kitchenCard: '.kitchen-card',
+        swiperContainer: '.swiper-container-main',
+        nextButton: '.kitchen-card__next-btn',
+        prevButton: '.kitchen-card__prev-btn',
+    };
 
-  $(SELECTORS.kitchenCard).each(function (index, container) {
-    const $container = $(container);
-    const id = $container.data('id');
+    $(SELECTORS.kitchenCard).each(function (index, container) {
+        const $container = $(container);
+        const id = $container.data('id');
 
-    const sliderElement = $container.find(SELECTORS.swiperContainer)[0];
-    const nextButtonElement = $container.find(SELECTORS.nextButton)[0];
-    const prevButtonElement = $container.find(SELECTORS.prevButton)[0];
+        const sliderElement = $container.find(SELECTORS.swiperContainer)[0];
+        const nextButtonElement = $container.find(SELECTORS.nextButton)[0];
+        const prevButtonElement = $container.find(SELECTORS.prevButton)[0];
 
-    const swiper = new Swiper(sliderElement, {
-      speed: 400,
-      navigation: {
-          nextEl: nextButtonElement,
-          prevEl: prevButtonElement,
-      },
-      simulateTouch: false,
-    });
+        const swiper = new Swiper(sliderElement, {
+            speed: 400,
+            navigation: {
+                nextEl: nextButtonElement,
+                prevEl: prevButtonElement,
+            },
+            simulateTouch: false,
+        });
 
-    Wick.PLPCardSwiper[id] = swiper;
-  });
+        Wick.PLPCardSwiper[id] = swiper;
+    });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.107.0-develop.2",
+  "version": "2.107.0-develop.3",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/components/cart-voucher.hbs

@@ -1,5 +1,14 @@
 <li>
-  {{{text}}}
+  {{#ifCond switch-vat '&&' textExcVat}}
+    <span class="including-vat">
+      {{{text}}}
+    </span>
+    <span class="excluding-vat d-none">
+      {{{textExcVat}}}
+    </span>
+  {{else}}
+    {{{text}}}
+  {{/ifCond}}
   {{#if isDeletable}}
     <span class="icon checkout-widget__voucher-remove">
       <span class="fas fa-times"></span>

package/src/components/checkout_order-summary-new.hbs

@@ -34,7 +34,7 @@
               </span>
               <ul class="checkout-widget__details-hidden collapse" id="acheckout-widget-accordion-{{id}}">
                   {{#each discounts}}
-                      {{> cart-voucher}}
+                      {{> cart-voucher switch-vat=../switch-vat}}
                   {{/each}}
               </ul>
               <span class="checkout-widget__detail-value">£0.00</span>

package/src/components/order-item.hbs

@@ -37,11 +37,24 @@
                 </div>
             </div>
             {{#if offers}}
-                <div class="order-item__offers">
-                    {{#each offers}}
-                        <div class="order-item__promo">{{this}}</div>
-                    {{/each}}
-                </div>
+                {{#ifCond switch-vat '&&' offersExcVat}}
+                    <div class="order-item__offers including-vat">
+                        {{#each offers}}
+                            <div class="order-item__promo">{{this}}</div>
+                        {{/each}}
+                    </div>
+                    <div class="order-item__offers excluding-vat d-none">
+                        {{#each offersExcVat}}
+                            <div class="order-item__promo">{{this}}</div>
+                        {{/each}}
+                    </div>
+                {{else}}
+                    <div class="order-item__offers">
+                        {{#each offers}}
+                            <div class="order-item__promo">{{this}}</div>
+                        {{/each}}
+                    </div>
+                {{/ifCond}}
             {{/if}}
         </div>
         <div class="order-item__cost">

package/src/components/order-summary.hbs

@@ -47,7 +47,7 @@
     </div>
   {{/if}}
   <div class="summary__aside">
-    {{> checkout_order-summary-new head=title mod=mod id=id}}
+    {{> checkout_order-summary-new head=title mod=mod id=id switch-vat=switch-vat}}
 
     {{#if klarna-placement}}
       <div class="summary__klarna">

package/src/components/potential-promotion.hbs

@@ -2,9 +2,18 @@
     <div class="p-promotion__icon">
         <i class="icon fas fa-gift"></i>
     </div>
-    <div class="p-promotion__description">
-        {{description}}
-    </div>
+    {{#ifCond switch-vat '&&' descriptionExcVat}}
+        <div class="p-promotion__description including-vat">
+            {{description}}
+        </div>
+        <div class="p-promotion__description excluding-vat d-none">
+            {{descriptionExcVat}}
+        </div>
+    {{else}}
+        <div class="p-promotion__description">
+            {{description}}
+        </div>
+    {{/ifCond}}
     <div class="p-promotion__close">
         <i class="icon fas fa-times"></i>
     </div>

package/src/data/data_shopping-cart-v2.json

@@ -8,10 +8,12 @@
     },
     "potentialOrderPromotions": [
       {
-        "description": "Spend over £200 on Bathroom Lighting and save £10.0"
+        "description": "Spend over £200 on Bathroom Lighting and save £10.0",
+        "descriptionExcVat": "Spend over £150 on Bathroom Lighting and save £10.0"
       },
       {
-        "description": "Spend over 2500 pound and get £2500 discount"
+        "description": "Spend over 2500 pound and get £2500 discount",
+        "descriptionExcVat": "Spend over 2000 pound and get £2000 discount"
       }
     ],
     "checkout": {
@@ -43,23 +45,28 @@
       "discounts": [
         {
           "text": "Voucher abcd applies and giving 20% off",
+          "textExcVat": "Voucher abcd applies and giving 18% off",
           "isDeletable": true
         },
         {
           "text": "Voucher 20% off",
+          "textExcVat": "Voucher 18% off",
           "isDeletable": true
         },
         {
-          "text": "Buy 4 for 3"
+          "text": "Buy 4 for 3",
+          "textExcVat": "Buy 5 for 3"
         },
         {
           "text": "Online only offer"
         },
         {
-          "text": "2 for £35"
+          "text": "2 for £35",
+          "textExcVat": "2 for £30"
         },
         {
-          "text": "Offer price equivalent to £17.50 per item"
+          "text": "Offer price equivalent to £17.50 per item",
+          "textExcVat": "Offer price equivalent to £15.50 per item"
         }
       ],
       "total": {
@@ -86,6 +93,10 @@
               "Buy 2 for 3 — Add 1 to qualify",
               "Buy 2 for 3 — Add 1 to qualify"
             ],
+            "offersExcVat": [
+              "Buy 2 for 4 — Add 2 to qualify",
+              "Buy 2 for 4 — Add 2 to qualify"
+            ],
             "pricePerSQM": {
               "value": "12"
             },
@@ -1049,6 +1060,10 @@
               "Buy 2 for 3 — Add 1 to qualify",
               "Buy 2 for 3 — Add 1 to qualify"
             ],
+            "offersExcVat": [
+              "Buy 2 for 4 — Add 2 to qualify",
+              "Buy 2 for 4 — Add 2 to qualify"
+            ],
             "message": "Purchased 12 times since your last visit 1 day ago",
             "infoTimeHead": "Available for Collection",
             "address": "Watford",
@@ -1109,6 +1124,9 @@
             "totalMobile": "16",
             "offers": [
               "Buy 2 Wickes Romano Bathroom Door Handle - Polished Chrome 1 Pair, Wickes Romano Locking Door Handle - Satin Nickel 1 Pair, Wickes Passage Door Knob Set - Brass 1 Pair for £8 - Add 1 to qualify"
+            ],
+            "offersExcVat": [
+              "Buy 2 Wickes Romano Bathroom Door Handle - Polished Chrome 1 Pair, Wickes Romano Locking Door Handle - Satin Nickel 1 Pair, Wickes Passage Door Knob Set - Brass 1 Pair for £7 - Add 1 to qualify"
             ]
           },
           {

package/src/js/page/kitchen/card-carousel.js

@@ -3,30 +3,30 @@ var Wick = Wick || {};
 Wick.PLPCardSwiper = {};
 
 $(document).ready(function () {
-  const SELECTORS = {
-    kitchenCard: '.kitchen-card',
-    swiperContainer: '.swiper-container-main',
-    nextButton: '.kitchen-card__next-btn',
-    prevButton: '.kitchen-card__prev-btn',
-  };
+    const SELECTORS = {
+        kitchenCard: '.kitchen-card',
+        swiperContainer: '.swiper-container-main',
+        nextButton: '.kitchen-card__next-btn',
+        prevButton: '.kitchen-card__prev-btn',
+    };
 
-  $(SELECTORS.kitchenCard).each(function (index, container) {
-    const $container = $(container);
-    const id = $container.data('id');
+    $(SELECTORS.kitchenCard).each(function (index, container) {
+        const $container = $(container);
+        const id = $container.data('id');
 
-    const sliderElement = $container.find(SELECTORS.swiperContainer)[0];
-    const nextButtonElement = $container.find(SELECTORS.nextButton)[0];
-    const prevButtonElement = $container.find(SELECTORS.prevButton)[0];
+        const sliderElement = $container.find(SELECTORS.swiperContainer)[0];
+        const nextButtonElement = $container.find(SELECTORS.nextButton)[0];
+        const prevButtonElement = $container.find(SELECTORS.prevButton)[0];
 
-    const swiper = new Swiper(sliderElement, {
-      speed: 400,
-      navigation: {
-          nextEl: nextButtonElement,
-          prevEl: prevButtonElement,
-      },
-      simulateTouch: false,
-    });
+        const swiper = new Swiper(sliderElement, {
+            speed: 400,
+            navigation: {
+                nextEl: nextButtonElement,
+                prevEl: prevButtonElement,
+            },
+            simulateTouch: false,
+        });
 
-    Wick.PLPCardSwiper[id] = swiper;
-  });
+        Wick.PLPCardSwiper[id] = swiper;
+    });
 });

package/src/page_my-account-installer-carousel.html

@@ -0,0 +1,131 @@
+{{#extend "my-account-v2"
+  customIconUserClass=header_menu.installer.[0].items.[0].icon
+  dataBreadcrumbs=my_account.installer.breadcrumbs
+  pageClass="page_my-account_new"
+  title="My Account Installer Carousel"
+  pageMyAcc=true
+  myAccV2=true
+  isLoggedIn=true
+  installer-nav=true
+  mainClass="my-account"
+  switch-vat=true
+}}
+{{#content "main"}}
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/mobile-nav my-account-menu-new
+          customIcon=true
+          menu=my_account.installer.menu
+          active-index=0
+          page-name=my_account.installer.menu.[0].title
+          }}
+    </div>
+  </div>
+</div>
+<div class="account-summary">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="account-summary__wrapper d-none d-sm-grid mb-3">
+          {{> my-account/greetings
+              name=my_account.user.name
+              subtitle=my_account.user.email
+          }}
+        </div>
+        {{#extend "my-account/cards-swap"}}
+          {{#content "card1"}}
+            <div class="account-summary__wrapper account-summary__wrapper--secondary">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  secondary=true
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  secondary=true
+                  discountText=my_account.installer.discountText
+                  installer=true
+                  title="In-store discount"
+                  code=my_account.discount
+                  customIcon=my_account.installer.icons.installer
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="trade-pro-id"
+                  customIcon=my_account.installer.icons.installer
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.installer.discountCode
+              }}
+            </div>
+          {{/content}}
+          {{#content "card2"}}
+            <div class="account-summary__wrapper">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  discountText=my_account.installer.discountText
+                  installer=true
+                  title="In-store discount"
+                  code=my_account.discount
+                  customIcon=my_account.installer.icons.installer
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="trade-pro-id"
+                  customIcon=my_account.installer.icons.installer
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.installer.discountCode
+              }}
+            </div>
+          {{/content}}
+        {{/extend}}
+        {{> my-account/active-orders/list-orders
+          switch-vat=true
+          title=my_account.installer.activeOrders.sectionTitle
+          linkText='View all orders'
+          orders=my_account.installer.activeOrders.orderList
+        }}
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/menu-items
+          items=my_account.installer.menu
+          }}
+    </div>
+  </div>
+</div>
+<div class="account-actions">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        {{> my-account/user-account-actions mod="d-sm-none"}}
+        {{> my-account/contact-us contacts=my_account.contacts}}
+      </div>
+    </div>
+  </div>
+</div>
+{{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="./js/my-account.min.js"></script>
+{{/content}}
+{{/extend}}

package/src/page_shopping-cart-v2-vat.html

@@ -12,7 +12,7 @@
     </div>
     <div class="checkout-header__promo">
       {{#each shopping-cart-v2.potentialOrderPromotions}}
-        {{> potential-promotion}}
+        {{> potential-promotion switch-vat=true}}
       {{/each}}
     </div>
     {{> checkout-header shopping-cart-v2.header}}
@@ -20,6 +20,7 @@
 {{#content "aside"}}
   {{> order-summary
     shopping-cart-v2.checkout
+    switch-vat=true
     id=1
     title="Order Summary"
     basket=true

package/src/scss/components/my-account/_clipboard-code.scss

@@ -81,5 +81,9 @@
     .icon {
       color: $gray;
     }
+
+    .custom-icon path {
+      fill: $gray;
+    }
   }
 }

package/src/sitemap.html

@@ -527,6 +527,7 @@
                         <li><h5 class="mb-0">Account Pages Redesign</h5></li>
                         <li><span class="page-id">5.15</span><a href="page_my-account.html" target="_blank">My Account DIY</a></li>
                         <li><a href="page_my-account-installer.html" target="_blank">My Account Installer</a></li>
+                        <li><a href="page_my-account-installer-carousel.html" target="_blank">My Account Installer Carousel</a></li>
                         <li><a href="page_my-account-trade-pro.html" target="_blank">My Account TradePro</a></li>
                         <li><a href="page_my-account-trade-pro-carousel.html" target="_blank">My Account TradePro Carousel</a></li>
                         <li><a href="page_my-account-trade-pro-carousel-double.html" target="_blank">My Account TradePro Carousel Double</a></li>