{"id":5920,"date":"2023-09-11T19:58:48","date_gmt":"2023-09-11T17:58:48","guid":{"rendered":"https:\/\/sbshoppingbasket.com\/picking-delivery\/"},"modified":"2026-09-23T14:49:09","modified_gmt":"2026-09-23T12:49:09","slug":"basket-for-picking-delivery","status":"publish","type":"page","link":"https:\/\/sbshoppingbasket.com\/en\/basket-for-picking-delivery\/","title":{"rendered":"Basket for picking &#038; delivery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5920\" class=\"elementor elementor-5920 elementor-1564\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f085eb1 e-con-full e-flex e-con e-parent\" data-id=\"f085eb1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3edb8fb elementor-widget elementor-widget-image\" data-id=\"3edb8fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1400\" height=\"371\" src=\"https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/banner-fullfilment-rebasket-cabecera.jpg\" class=\"attachment-full size-full wp-image-10017\" alt=\"banner-fullfilment-rebasket-cabecera\" srcset=\"https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/banner-fullfilment-rebasket-cabecera.jpg 1400w, https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/banner-fullfilment-rebasket-cabecera-1024x271.jpg 1024w, https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/banner-fullfilment-rebasket-cabecera-400x106.jpg 400w, https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/banner-fullfilment-rebasket-cabecera-768x204.jpg 768w, https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/banner-fullfilment-rebasket-cabecera-600x159.jpg 600w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-312d834 e-flex e-con-boxed e-con e-parent\" data-id=\"312d834\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97e7113 elementor-widget elementor-widget-html\" data-id=\"97e7113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.documentElement.classList.add('rb-js');\r\n<\/script>\r\n\r\n<section class=\"rb-process\" aria-labelledby=\"rb-process-title\">\r\n\r\n  <div class=\"rb-process__intro\">\r\n    <p class=\"rb-process__eyebrow\">How ReBasket works<\/p>\r\n\r\n    <h2 id=\"rb-process-title\" class=\"rb-process__title\">\r\n      Efficiency at every stage: from storage to picking, from picking to consignment\r\n    <\/h2>\r\n\r\n    <p class=\"rb-process__lead\">\r\n      The ReBasket system standardises product handling from the moment it enters the warehouse\r\n      until it reaches the customer at the Click &amp; Collect point or at home, reducing handling,\r\n      waiting times and breakage at every stage of the process.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <figure class=\"rb-map\">\r\n    <img decoding=\"async\"\r\n      class=\"rb-map__img\"\r\n      src=\"https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/rebasket-sbshoppingbasket-1.jpg\"\r\n      alt=\"Numbered map of the ReBasket process: from the warehouse to picking, from picking to Click & Collect and delivery to the customer\"\r\n      loading=\"lazy\"\r\n    >\r\n    <figcaption class=\"rb-map__caption\">\r\n      The complete ReBasket journey: from warehouse receiving to Click &amp; Collect or the\r\n      customer's trunk. Each number corresponds to a step detailed below.\r\n    <\/figcaption>\r\n  <\/figure>\r\n\r\n  <nav class=\"rb-tabs\" aria-label=\"Navigation between phases\">\r\n    <button type=\"button\" class=\"rb-tab is-active\" data-target=\"rb-phase-1\">\r\n      Phase 1 \u00b7 Logistics and preparation\r\n    <\/button>\r\n\r\n    <button type=\"button\" class=\"rb-tab\" data-target=\"rb-phase-2\">\r\n      Phase 2 \u00b7 Delivery and customer experience\r\n    <\/button>\r\n\r\n    <span class=\"rb-tab__indicator\" aria-hidden=\"true\"><\/span>\r\n  <\/nav>\r\n\r\n  <div class=\"rb-process__phases\">\r\n\r\n    <div class=\"rb-phase\" id=\"rb-phase-1\">\r\n\r\n      <div class=\"rb-phase__head\">\r\n        <span class=\"rb-phase__index\">Phase 1<\/span>\r\n        <h3 class=\"rb-phase__title\">Logistics and preparation<\/h3>\r\n        <p class=\"rb-phase__sub\">From the warehouse to the picking point<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"rb-rail\" aria-hidden=\"true\">\r\n        <span class=\"rb-rail__fill\"><\/span>\r\n      <\/div>\r\n\r\n      <ol class=\"rb-steps\">\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">1<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Standardised handling<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              The same basket, the same process, at every point in the warehouse.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">2<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Fewer touches<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              One single handling of the product, from start to finish of the circuit.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">3<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Predictable workflows<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Easier planning and faster training for staff.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">4<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Space efficiency at every step<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Designed for both storage and picking.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">5<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Faster order preparation<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              No repacking, no intermediate containers between stages.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">6<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Better visibility of orders<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Open basket design that makes visual control easy during picking.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">7<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Reduced operational stress<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Lighter handling with less congestion in backroom areas.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">8<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Faster truck loading<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Standardized baskets speed up loading and outbound transport.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n      <\/ol>\r\n    <\/div>\r\n\r\n    <div class=\"rb-phase rb-phase--accent\" id=\"rb-phase-2\">\r\n\r\n      <div class=\"rb-phase__head\">\r\n        <span class=\"rb-phase__index\">Phase 2<\/span>\r\n        <h3 class=\"rb-phase__title\">Delivery and customer experience<\/h3>\r\n        <p class=\"rb-phase__sub\">From picking to consignment<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"rb-rail\" aria-hidden=\"true\">\r\n        <span class=\"rb-rail__fill\"><\/span>\r\n      <\/div>\r\n\r\n      <ol class=\"rb-steps\" start=\"9\">\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">9<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">No repacking<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              The product travels in the same basket from picking to delivery.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">10<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Direct to the customer's trunk<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Seamless Click &amp; Collect experience, with no intermediate transfers.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">11<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Faster pickup<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Shorter waiting times and higher throughput at collection points.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">12<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Cleaner experience<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              No bags and no waste at the customer delivery point.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">13<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Reduced damage risk<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              No product transfers between packaging, products stay protected.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"rb-step\">\r\n          <span class=\"rb-step__num\">14<\/span>\r\n          <div>\r\n            <p class=\"rb-step__title\">Consignment: encourages repeat usage<\/p>\r\n            <p class=\"rb-step__desc\">\r\n              Easy basket return and a natural customer loyalty cycle.\r\n            <\/p>\r\n          <\/div>\r\n        <\/li>\r\n\r\n      <\/ol>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"rb2\" aria-label=\"ReBasket advantages and consignment process\">\r\n\r\n  <div class=\"rb-bleed rb-bleed--gray\">\r\n    <div class=\"rb-bleed__inner\">\r\n\r\n      <h2 class=\"rb2-title\">More advantages of ReBasket<\/h2>\r\n\r\n      <div class=\"rb2-grid\">\r\n\r\n        <div class=\"rb2-card rb2-card--teal\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 16V6a1 1 0 0 1 1-1h11v11\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M15 8h3.5L21 11v5h-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <circle cx=\"7\" cy=\"17\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n              <circle cx=\"18\" cy=\"17\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">Less transportation costs<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            Standardized volumes let containers be stacked safely using the vertical space of the truck.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-card rb2-card--orange\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n              <rect x=\"3\" y=\"10\" width=\"18\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n              <rect x=\"3\" y=\"16\" width=\"18\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">Less stock and quick preparation<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            Less bag stock and more agility when preparing orders thanks to shelf organisation.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-card rb2-card--coral\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3 4 7v10l8 4 8-4V7l-8-4Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M4 7l8 4 8-4M12 11v10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">Less packaging and waste costs<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            Reduces packaging costs in picking and Click &amp; Collect systems by <strong>95%<\/strong>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-card rb2-card--skyblue\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3 4 6v6c0 4.5 3.2 7.7 8 9 4.8-1.3 8-4.5 8-9V6l-8-3Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"m9 12 2 2 4-4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">Less breakage<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            Protects products better than the old system of plastic or paper bags.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-card rb2-card--lime\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M4 19h16M6 19V9l4-3 4 3v10M14 19v-6l4-2v8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">Increase in return on investment<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            With just <strong>15-20 uses<\/strong>, ReBasket is paid off. Built for more than\r\n            <strong>10,000 uses<\/strong>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-card rb2-card--blue\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 2 4 5v6c0 5 3.4 8.7 8 11 4.6-2.3 8-6 8-11V5l-8-3Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">More security and productivity<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            Prevents bag breakage, saves time and improves worker safety.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-card rb2-card--dark\">\r\n          <span class=\"rb2-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n              <path d=\"M12 7v5l3.5 2\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3 class=\"rb2-card__title\">Less time in each cycle<\/h3>\r\n          <p class=\"rb2-card__desc\">\r\n            A cleaner, breakage-free work area speeds up every picking cycle.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--lightblue\">\r\n    <div class=\"rb-bleed__inner rb2-banner\">\r\n      <h2 class=\"rb2-banner__title\">\r\n        Discover the basket for picking &amp; delivery: ReBasket\r\n      <\/h2>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--white\">\r\n    <div class=\"rb-bleed__inner\">\r\n\r\n      <div class=\"rb2-features\">\r\n\r\n        <div class=\"rb2-feature\">\r\n          <h3 class=\"rb2-feature__title\">Save Time and Resources<\/h3>\r\n          <p class=\"rb2-feature__desc\">\r\n            ReBasket removes unnecessary steps from picking:\r\n            <strong>no repacking, no bags to restock and no intermediate containers<\/strong>.\r\n            The same basket travels the whole circuit, from the warehouse to the customer.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-feature\">\r\n          <h3 class=\"rb2-feature__title\">\r\n            Order Optimisation in Your Picking Process\r\n          <\/h3>\r\n          <p class=\"rb2-feature__desc\">\r\n            The open basket design makes visual control easy during picking.\r\n            It's compatible with <strong>standard euro-containers<\/strong>,\r\n            with no layout changes in your warehouse.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"rb2-feature\">\r\n          <h3 class=\"rb2-feature__title\">\r\n            Boost Customer Loyalty with ReBasket on Consignment\r\n          <\/h3>\r\n          <p class=\"rb2-feature__desc\">\r\n            Consigning ReBasket creates a <strong>natural return and reuse cycle<\/strong>:\r\n            the customer receives it clean and returns it on their next visit.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"rb2-cta rb2-cta--attached\">\r\n        <a\r\n          class=\"rb2-cta__button rb2-cta__button--pink\"\r\n          href=\"https:\/\/sbshoppingbasket.com\/en\/rebasket-click-collect-basket\/\"\r\n        >\r\n          I want my baskets\r\n        <\/a>\r\n\r\n        <p class=\"rb2-cta__label\">\r\n          Get your basket for picking &amp; delivery: ReBasket\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--skytint\">\r\n\r\n    <div class=\"rb-bleed__inner rb2-consign\">\r\n      <h2 class=\"rb2-consign__title\">\r\n        Discover the benefits of consigning ReBasket\r\n      <\/h2>\r\n\r\n      <p class=\"rb2-consign__lead\">\r\n        Consigning ReBasket reduces disposable packaging, speeds up pickup and creates a\r\n        <strong>return and reuse cycle<\/strong> with every customer visit.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rb2-video\">\r\n      <iframe\r\n        src=\"https:\/\/www.youtube-nocookie.com\/embed\/aqTuHdjqjT4\"\r\n        title=\"Benefits of consigning ReBasket - SB Shopping Basket\"\r\n        loading=\"lazy\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n        allowfullscreen\r\n      ><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--white\">\r\n\r\n    <div class=\"rb-bleed__inner rb2-consign\">\r\n      <h2 class=\"rb2-consign__title\">\r\n        Case Study: ReBasket at Leclerc Drive Supermarkets (France)\r\n      <\/h2>\r\n\r\n      <p class=\"rb2-consign__lead\">\r\n        Leclerc, one of France's largest supermarket chains, uses ReBasket at its Drive\r\n        click &amp; collect points to optimise online order preparation and delivery.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rb2-video\">\r\n      <iframe\r\n        src=\"https:\/\/www.youtube-nocookie.com\/embed\/UzCgwhfLAt8\"\r\n        title=\"ReBasket case study at Leclerc Drive - SB Shopping Basket\"\r\n        loading=\"lazy\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n        allowfullscreen\r\n      ><\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--teal\">\r\n    <div class=\"rb-bleed__inner\">\r\n\r\n      <div class=\"rb2-ebook\">\r\n\r\n        <div class=\"rb2-ebook__imgwrap\">\r\n          <img decoding=\"async\"\r\n            class=\"rb2-ebook__img\"\r\n            src=\"https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/cc-ebook.webp\"\r\n            alt=\"Ebook cover: optimizing Click & Collect in retail\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"rb2-ebook__text\">\r\n\r\n          <h2 class=\"rb2-ebook__title\">\r\n            Download our e-book about Click &amp; Collect\r\n          <\/h2>\r\n\r\n          <p class=\"rb2-ebook__lead\">\r\n            Optimise your resources and start saving money and time.\r\n          <\/p>\r\n\r\n          <p class=\"rb2-ebook__label\">Content:<\/p>\r\n\r\n          <ul class=\"rb2-ebook__list\">\r\n            <li>Current situation<\/li>\r\n            <li>Challenges of e-commerce<\/li>\r\n            <li>Advantages and disadvantages<\/li>\r\n            <li>The solution to resource optimisation<\/li>\r\n          <\/ul>\r\n\r\n          <a\r\n            class=\"rb2-cta__button rb2-cta__button--pink rb2-cta__button--auto\"\r\n            href=\"https:\/\/resources.sbshoppingbasket.com\/es\/ebook-retail-6-clickcollect-eng\"\r\n          >\r\n            Get your own\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--lime\">\r\n    <div class=\"rb-bleed__inner\">\r\n\r\n      <div class=\"rb2-recycled\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"rb2-recycled__badge\"\r\n          src=\"https:\/\/sbshoppingbasket.com\/wp-content\/uploads\/recycling-sticker.png\"\r\n          alt=\"Certified Recycled Baskets seal - ReBasket is 100% recycled\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"rb2-recycled__text\">\r\n\r\n          <h2 class=\"rb2-recycled__title\">\r\n            ReBasket is 100% recycled\r\n          <\/h2>\r\n\r\n          <p class=\"rb2-recycled__desc\">\r\n            ReBasket is a <strong>100% recycled and 100% recyclable<\/strong> basket,\r\n            made from recycled polyethylene and certified with our own seal.\r\n            It reduces carbon footprint by <strong>50%<\/strong> compared to an equivalent\r\n            virgin plastic basket.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"rb-bleed rb-bleed--white\">\r\n    <div class=\"rb-bleed__inner rb2-cta\">\r\n\r\n      <a\r\n        class=\"rb2-cta__button rb2-cta__button--pink\"\r\n        href=\"https:\/\/sbshoppingbasket.com\/en\/rebasket-click-collect-basket\/\"\r\n      >\r\n        I want my baskets\r\n      <\/a>\r\n\r\n      <p class=\"rb2-cta__label\">\r\n        Get your basket for picking &amp; delivery: ReBasket\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.rb-process,\r\n.rb2 {\r\n  --rb-brand: #b7c201;\r\n  --rb-ink: #1a1a1a;\r\n  --rb-ink-soft: #55584f;\r\n  --rb-border: #e3e4da;\r\n  --sb-teal: #00C8B3;\r\n  --sb-orange: #ED9B40;\r\n  --sb-dark: #242528;\r\n  --sb-coral: #FF6A77;\r\n  --sb-gray: #E5E6E6;\r\n  --sb-lime: #CEDC02;\r\n  --sb-blue: #3581B8;\r\n  --sb-skyblue: #98BEDE;\r\n\r\n  font-family: \"Inter Tight\", -apple-system, BlinkMacSystemFont, sans-serif;\r\n  color: var(--rb-ink);\r\n}\r\n\r\n.rb-process *,\r\n.rb-process *::before,\r\n.rb-process *::after,\r\n.rb2 *,\r\n.rb2 *::before,\r\n.rb2 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n.rb-process {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 2.5rem 1.25rem;\r\n}\r\n\r\n.rb-process__intro {\r\n  max-width: 760px;\r\n  margin: 0 0 2rem;\r\n}\r\n\r\n.rb-process__eyebrow {\r\n  font-size: 0.78rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: var(--rb-brand);\r\n  margin: 0 0 0.5rem;\r\n}\r\n\r\n.rb-process__title {\r\n  font-size: 1.65rem;\r\n  line-height: 1.3;\r\n  font-weight: 600;\r\n  margin: 0 0 0.85rem;\r\n}\r\n\r\n.rb-process__lead {\r\n  font-size: 1rem;\r\n  line-height: 1.6;\r\n  color: var(--rb-ink-soft);\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* MAP *\/\r\n\r\n.rb-map {\r\n  position: relative;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 100vw;\r\n  margin: 0 0 1.75rem;\r\n}\r\n\r\n.rb-map__img {\r\n  width: 100%;\r\n  max-height: 640px;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n}\r\n\r\n.rb-map__caption {\r\n  font-size: 0.85rem;\r\n  color: var(--rb-ink-soft);\r\n  line-height: 1.5;\r\n  max-width: 1100px;\r\n  margin: 0.65rem auto 0;\r\n  padding: 0 1.25rem;\r\n}\r\n\r\n\r\n\/* TABS *\/\r\n\r\n.rb-tabs {\r\n  position: relative;\r\n  display: flex;\r\n  gap: 0.4rem;\r\n  border-bottom: 1px solid var(--rb-border);\r\n}\r\n\r\n.rb-tab {\r\n  font-family: inherit;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: var(--rb-ink-soft);\r\n  background: none;\r\n  border: none;\r\n  padding: 0.6rem 0.2rem;\r\n  cursor: pointer;\r\n  position: relative;\r\n}\r\n\r\n.rb-tab + .rb-tab {\r\n  margin-left: 1.25rem;\r\n}\r\n\r\n.rb-tab.is-active {\r\n  color: var(--rb-ink);\r\n}\r\n\r\n.rb-tab:focus-visible {\r\n  outline: 2px solid var(--rb-brand);\r\n  outline-offset: 3px;\r\n}\r\n\r\nhtml.rb-js .rb-tab {\r\n  transition: color 0.2s;\r\n}\r\n\r\n.rb-tab__indicator {\r\n  display: none;\r\n}\r\n\r\nhtml.rb-js .rb-tab__indicator {\r\n  display: block;\r\n  position: absolute;\r\n  bottom: -1px;\r\n  left: 0;\r\n  height: 2px;\r\n  width: 0;\r\n  background: var(--rb-brand);\r\n  transition: transform 0.3s ease, width 0.3s ease;\r\n}\r\n\r\n\r\n\/* PHASES *\/\r\n\r\n.rb-process__phases {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1.5rem;\r\n  margin-top: 1.75rem;\r\n}\r\n\r\n.rb-phase {\r\n  background: #f7f7f2;\r\n  border: 1px solid var(--rb-border);\r\n  border-radius: 12px;\r\n  padding: 1.75rem;\r\n  scroll-margin-top: 90px;\r\n}\r\n\r\n.rb-phase--accent {\r\n  background: #fbfcf0;\r\n  border-color: #e4e8bd;\r\n}\r\n\r\n.rb-phase__head {\r\n  margin-bottom: 1rem;\r\n  padding-bottom: 1rem;\r\n  border-bottom: 1px solid var(--rb-border);\r\n}\r\n\r\n.rb-phase__index {\r\n  display: inline-block;\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  background: var(--rb-brand);\r\n  color: #2b2f00;\r\n  border-radius: 999px;\r\n  padding: 0.2rem 0.65rem;\r\n  margin-bottom: 0.6rem;\r\n}\r\n\r\n.rb-phase__title {\r\n  font-size: 1.15rem;\r\n  font-weight: 600;\r\n  margin: 0 0 0.25rem;\r\n}\r\n\r\n.rb-phase__sub {\r\n  font-size: 0.85rem;\r\n  color: var(--rb-ink-soft);\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* PROGRESS *\/\r\n\r\n.rb-rail {\r\n  display: none;\r\n}\r\n\r\nhtml.rb-js .rb-rail {\r\n  display: block;\r\n  height: 3px;\r\n  background: var(--rb-border);\r\n  border-radius: 2px;\r\n  margin-bottom: 1.1rem;\r\n  overflow: hidden;\r\n}\r\n\r\n.rb-rail__fill {\r\n  display: block;\r\n  height: 100%;\r\n  width: 0;\r\n  background: var(--rb-brand);\r\n  transition: width 0.4s ease;\r\n}\r\n\r\n\r\n\/* STEPS *\/\r\n\r\n.rb-steps {\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.rb-step {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 0.85rem;\r\n  padding: 0.65rem 0;\r\n  border-radius: 8px;\r\n}\r\n\r\n.rb-step + .rb-step {\r\n  border-top: 1px solid var(--rb-border);\r\n}\r\n\r\nhtml.rb-js .rb-step {\r\n  opacity: 0;\r\n  transform: translateY(14px);\r\n  transition:\r\n    opacity 0.5s ease,\r\n    transform 0.5s ease,\r\n    background 0.2s ease,\r\n    padding 0.2s ease;\r\n}\r\n\r\nhtml.rb-js .rb-step.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\nhtml.rb-js .rb-step:hover,\r\nhtml.rb-js .rb-step:focus-within {\r\n  background: #fff;\r\n  padding-left: 0.6rem;\r\n  padding-right: 0.6rem;\r\n  box-shadow: 0 1px 0 var(--rb-border);\r\n}\r\n\r\n.rb-step__num {\r\n  flex-shrink: 0;\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  border: 1.5px solid var(--rb-brand);\r\n  color: var(--rb-ink);\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: 0.15rem;\r\n}\r\n\r\nhtml.rb-js .rb-step__num {\r\n  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\nhtml.rb-js .rb-step:hover .rb-step__num,\r\nhtml.rb-js .rb-step:focus-within .rb-step__num {\r\n  background: var(--rb-brand);\r\n  color: #2b2f00;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.rb-step__title {\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  margin: 0 0 0.2rem;\r\n  line-height: 1.35;\r\n}\r\n\r\n.rb-step__desc {\r\n  font-size: 0.88rem;\r\n  line-height: 1.5;\r\n  color: var(--rb-ink-soft);\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* FULL WIDTH SECTIONS *\/\r\n\r\n.rb-bleed {\r\n  width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n}\r\n\r\n.rb-bleed__inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 3.5rem 1.25rem;\r\n}\r\n\r\n.rb-bleed--gray {\r\n  background: var(--sb-gray);\r\n}\r\n\r\n.rb-bleed--lightblue {\r\n  background: var(--sb-skyblue);\r\n}\r\n\r\n.rb-bleed--white {\r\n  background: #fff;\r\n}\r\n\r\n.rb-bleed--skytint {\r\n  background: #eef5fa;\r\n  padding-bottom: 2rem;\r\n}\r\n\r\n.rb-bleed--teal {\r\n  background: var(--sb-teal);\r\n}\r\n\r\n.rb-bleed--lime {\r\n  background: var(--sb-lime);\r\n}\r\n\r\n\r\n\/* ADVANTAGES *\/\r\n\r\n.rb2-title {\r\n  font-size: 1.4rem;\r\n  font-weight: 600;\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.rb2-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1.25rem;\r\n}\r\n\r\n.rb2-card {\r\n  border-radius: 12px;\r\n  padding: 1.5rem;\r\n  color: #fff;\r\n}\r\n\r\n.rb2-card--teal {\r\n  background: var(--sb-teal);\r\n}\r\n\r\n.rb2-card--orange {\r\n  background: var(--sb-orange);\r\n}\r\n\r\n.rb2-card--coral {\r\n  background: var(--sb-coral);\r\n}\r\n\r\n.rb2-card--skyblue {\r\n  background: var(--sb-skyblue);\r\n}\r\n\r\n.rb2-card--lime {\r\n  background: var(--sb-lime);\r\n}\r\n\r\n.rb2-card--blue {\r\n  background: var(--sb-blue);\r\n}\r\n\r\n.rb2-card--dark {\r\n  background: var(--sb-dark);\r\n}\r\n\r\n.rb2-icon {\r\n  display: inline-flex;\r\n  width: 38px;\r\n  height: 38px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.22);\r\n  color: #fff;\r\n  margin-bottom: 0.9rem;\r\n}\r\n\r\n.rb2-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.rb2-card__title {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  margin: 0 0 0.4rem;\r\n  color: #fff;\r\n}\r\n\r\n.rb2-card__desc {\r\n  font-size: 0.9rem;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n  color: #fff;\r\n  opacity: 0.95;\r\n}\r\n\r\n\r\n\/* BANNER *\/\r\n\r\n.rb2-banner {\r\n  text-align: center;\r\n}\r\n\r\n.rb2-banner__title {\r\n  color: #fff;\r\n  font-size: 2.1rem;\r\n  font-weight: 700;\r\n  margin: 0;\r\n  line-height: 1.25;\r\n}\r\n\r\n\r\n\/* FEATURES *\/\r\n\r\n.rb2-features {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.rb2-feature {\r\n  background: var(--sb-lime);\r\n  border-radius: 12px;\r\n  padding: 1.75rem;\r\n  box-shadow: 0 1px 0 rgba(0,0,0,0.04);\r\n}\r\n\r\n.rb2-feature__title {\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  margin: 0 0 0.6rem;\r\n  line-height: 1.35;\r\n  color: #fff;\r\n}\r\n\r\n.rb2-feature__desc {\r\n  font-size: 0.92rem;\r\n  line-height: 1.6;\r\n  color: #fff;\r\n  opacity: 0.95;\r\n  margin: 0;\r\n}\r\n\r\n.rb2-feature__desc strong {\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n.rb2-cta {\r\n  text-align: center;\r\n}\r\n\r\n.rb2-cta--attached {\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.rb2-cta__button {\r\n  display: inline-block;\r\n  font-weight: 600;\r\n  font-size: 0.92rem;\r\n  text-decoration: none;\r\n  border-radius: 999px;\r\n  padding: 0.8rem 1.9rem;\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n.rb2-cta__button--pink {\r\n  background: var(--sb-coral);\r\n  color: #fff;\r\n}\r\n\r\n.rb2-cta__button--auto {\r\n  width: auto;\r\n  align-self: flex-start;\r\n}\r\n\r\n.rb2-cta__button:hover {\r\n  opacity: 0.85;\r\n}\r\n\r\n.rb2-cta__label {\r\n  font-size: 0.85rem;\r\n  color: var(--rb-ink-soft);\r\n  margin: 0.7rem 0 0;\r\n}\r\n\r\n\r\n\/* CONSIGNMENT *\/\r\n\r\n.rb2-consign {\r\n  text-align: center;\r\n}\r\n\r\n.rb2-consign__title {\r\n  font-size: 1.9rem;\r\n  font-weight: 700;\r\n  margin: 0 0 0.9rem;\r\n  line-height: 1.25;\r\n}\r\n\r\n.rb2-consign__lead {\r\n  font-size: 1.05rem;\r\n  line-height: 1.65;\r\n  color: var(--rb-ink-soft);\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.rb2-consign__lead strong {\r\n  color: var(--rb-ink);\r\n}\r\n\r\n\r\n\/* VIDEO *\/\r\n\r\n.rb2-video {\r\n  width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n  position: relative;\r\n  aspect-ratio: 21 \/ 9;\r\n  max-height: 640px;\r\n  background: #000;\r\n}\r\n\r\n.rb2-video iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n\r\n\/* EBOOK *\/\r\n\r\n.rb2-ebook {\r\n  display: grid;\r\n  grid-template-columns: minmax(300px, 420px) 1fr;\r\n  gap: 3rem;\r\n  align-items: stretch;\r\n}\r\n\r\n.rb2-ebook__imgwrap {\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.22);\r\n}\r\n\r\n.rb2-ebook__img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 380px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.rb2-ebook__text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.rb2-ebook__title {\r\n  color: #fff;\r\n  font-size: 1.85rem;\r\n  font-weight: 700;\r\n  margin: 0 0 0.7rem;\r\n  line-height: 1.25;\r\n}\r\n\r\n.rb2-ebook__lead {\r\n  color: rgba(255,255,255,0.92);\r\n  font-size: 1rem;\r\n  margin: 0 0 1.1rem;\r\n}\r\n\r\n.rb2-ebook__label {\r\n  color: #fff;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  margin: 0 0 0.4rem;\r\n}\r\n\r\n.rb2-ebook__list {\r\n  margin: 0 0 1.5rem;\r\n  padding-left: 1.1rem;\r\n  font-size: 0.92rem;\r\n  color: rgba(255,255,255,0.92);\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* RECYCLED *\/\r\n\r\n.rb2-recycled {\r\n  display: grid;\r\n  grid-template-columns: 260px 1fr;\r\n  gap: 2.5rem;\r\n  align-items: center;\r\n}\r\n\r\n.rb2-recycled__badge {\r\n  width: 100%;\r\n  max-width: 260px;\r\n  height: auto;\r\n}\r\n\r\n.rb2-recycled__title {\r\n  font-size: 1.85rem;\r\n  font-weight: 700;\r\n  margin: 0 0 0.7rem;\r\n}\r\n\r\n.rb2-recycled__desc {\r\n  font-size: 1rem;\r\n  line-height: 1.65;\r\n  color: #2c3300;\r\n  margin: 0;\r\n  max-width: 620px;\r\n}\r\n\r\n.rb2-recycled__desc strong {\r\n  color: #1f2400;\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 900px) {\r\n  .rb2-video {\r\n    aspect-ratio: 16 \/ 9;\r\n    max-height: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 780px) {\r\n\r\n  .rb-process__phases {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .rb-process__title {\r\n    font-size: 1.35rem;\r\n  }\r\n\r\n  .rb-tabs {\r\n    flex-direction: column;\r\n    gap: 0.25rem;\r\n  }\r\n\r\n  .rb-tab + .rb-tab {\r\n    margin-left: 0;\r\n  }\r\n\r\n  html.rb-js .rb-tab__indicator {\r\n    display: none;\r\n  }\r\n\r\n  .rb2-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .rb2-features {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .rb2-banner__title,\r\n  .rb2-consign__title {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .rb2-ebook {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n  }\r\n\r\n  .rb2-ebook__text {\r\n    align-items: center;\r\n  }\r\n\r\n  .rb2-ebook__img {\r\n    min-height: 260px;\r\n  }\r\n\r\n  .rb2-recycled {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n  }\r\n\r\n  .rb2-recycled__badge {\r\n    max-width: 180px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .rb2-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  html.rb-js .rb-step {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n  html.rb-js .rb-rail__fill,\r\n  html.rb-js .rb-tab__indicator {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    document.querySelectorAll('.rb-step').forEach(function (step) {\r\n      step.classList.add('is-visible');\r\n    });\r\n    return;\r\n  }\r\n\r\n  var steps = document.querySelectorAll('.rb-process .rb-step');\r\n\r\n  var revealObserver = new IntersectionObserver(function (entries) {\r\n\r\n    entries.forEach(function (entry, index) {\r\n\r\n      if (!entry.isIntersecting) return;\r\n\r\n      setTimeout(function () {\r\n        entry.target.classList.add('is-visible');\r\n        updateRail(entry.target.closest('.rb-phase'));\r\n      }, index * 40);\r\n\r\n      revealObserver.unobserve(entry.target);\r\n\r\n    });\r\n\r\n  }, {\r\n    threshold: 0.2,\r\n    rootMargin: '0px 0px -10% 0px'\r\n  });\r\n\r\n  steps.forEach(function (step) {\r\n    revealObserver.observe(step);\r\n  });\r\n\r\n\r\n  function updateRail(phase) {\r\n\r\n    if (!phase) return;\r\n\r\n    var total = phase.querySelectorAll('.rb-step').length;\r\n    var visible = phase.querySelectorAll('.rb-step.is-visible').length;\r\n    var fill = phase.querySelector('.rb-rail__fill');\r\n\r\n    if (fill && total) {\r\n      fill.style.width = Math.round((visible \/ total) * 100) + '%';\r\n    }\r\n  }\r\n\r\n\r\n  var tabs = document.querySelectorAll('.rb-tab');\r\n  var indicator = document.querySelector('.rb-tab__indicator');\r\n  var tabsNav = document.querySelector('.rb-tabs');\r\n\r\n\r\n  function positionIndicator(tab) {\r\n\r\n    if (!indicator || !tabsNav || !tab) return;\r\n\r\n    var navRect = tabsNav.getBoundingClientRect();\r\n    var tabRect = tab.getBoundingClientRect();\r\n\r\n    indicator.style.width = tabRect.width + 'px';\r\n    indicator.style.transform =\r\n      'translateX(' + (tabRect.left - navRect.left) + 'px)';\r\n  }\r\n\r\n\r\n  tabs.forEach(function (tab) {\r\n\r\n    tab.addEventListener('click', function () {\r\n\r\n      var targetId = tab.getAttribute('data-target');\r\n      var target = document.getElementById(targetId);\r\n\r\n      if (target) {\r\n        target.scrollIntoView({\r\n          behavior: 'smooth',\r\n          block: 'start'\r\n        });\r\n      }\r\n\r\n      tabs.forEach(function (item) {\r\n        item.classList.remove('is-active');\r\n      });\r\n\r\n      tab.classList.add('is-active');\r\n      positionIndicator(tab);\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  window.addEventListener('resize', function () {\r\n\r\n    var active = document.querySelector('.rb-tab.is-active');\r\n\r\n    positionIndicator(active);\r\n\r\n  });\r\n\r\n\r\n  var phaseSections = document.querySelectorAll('.rb-phase');\r\n\r\n  var scrollSyncObserver = new IntersectionObserver(function (entries) {\r\n\r\n    entries.forEach(function (entry) {\r\n\r\n      if (!entry.isIntersecting) return;\r\n\r\n      var matchingTab = document.querySelector(\r\n        '.rb-tab[data-target=\"' + entry.target.id + '\"]'\r\n      );\r\n\r\n      if (!matchingTab) return;\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.classList.remove('is-active');\r\n      });\r\n\r\n      matchingTab.classList.add('is-active');\r\n      positionIndicator(matchingTab);\r\n\r\n    });\r\n\r\n  }, {\r\n    threshold: 0.4\r\n  });\r\n\r\n\r\n  phaseSections.forEach(function (section) {\r\n    scrollSyncObserver.observe(section);\r\n  });\r\n\r\n\r\n  setTimeout(function () {\r\n\r\n    positionIndicator(\r\n      document.querySelector('.rb-tab.is-active')\r\n    );\r\n\r\n  }, 100);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a80eb96 e-flex e-con-boxed e-con e-parent\" data-id=\"a80eb96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How ReBasket works Efficiency at every stage: from storage to picking, from picking to consignment The ReBasket system standardises product handling from the moment it enters the warehouse until it reaches the customer at the Click &amp; Collect point or at home, reducing handling, waiting times and breakage at every stage of the process. The [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","footnotes":""},"class_list":["post-5920","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/pages\/5920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/comments?post=5920"}],"version-history":[{"count":18,"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/pages\/5920\/revisions"}],"predecessor-version":[{"id":20742,"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/pages\/5920\/revisions\/20742"}],"wp:attachment":[{"href":"https:\/\/sbshoppingbasket.com\/en\/wp-json\/wp\/v2\/media?parent=5920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}