#zoom {
    display: block;
    color: #000;
    background: url(../images/zoomb.png) 5px no-repeat #fdd119;
    font-size: 16px;
    padding: 14px 20px;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 40px 0 0;
    max-width: 250px;
    width: 100%;
    border: none;
  }
  #zoom:hover {
    background-color: #ffdc40d9;
  }

  .wrappers {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
  }
  #bikepark-article {
    color: #092348;
    font-size: 22px;
    line-height: 32px;
    font-family: "Assistant Regular";
  }
  #bikepark-article .block {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #bikepark-article .col-md-4,
  #bikepark-article .col-xs-6 {
    float: left;
  }
  #bikepark-article .block-title-text {
    max-width: 30%;
    font-size: 30px;
    line-height: 44px;
    font-family: "Assistant Bold";
    font-weight: 700;
  }
  #bikepark-article h1 {
    font-size: 50px;
    line-height: 73px;
    font-family: "Assistant Regular";
    color: #221f72;
  }
  .bg-light-blue {
    background: #eaf1f8;
  }
  .bg-wave-1,
  .bg-wave-2 {
    background-repeat: no-repeat;
    background-size: contain;
  }
  .block-title {
    display: flex;
    width: 40%;
    align-items: center;
    margin-bottom: 20px;
  }
  .block-number {
    font-size: 100px;
    line-height: 146px;
  }
  .block-title-text {
    flex-grow: 1;
  }
  .blog-items,
  .margin-bottom-60 {
    margin-bottom: 60px;
  }
  .margin-bottom-20 {
    margin-bottom: 20px;
  }
  .bg-wave-1 {
    background-image: url(../../../images/bikepark-wave-1.png);
    background-position: bottom;
  }
  .bg-wave-2 {
    background-image: url(../../../images/bikepark-wave-2.png);
    background-position: top;
  }
  #bikepark-article-block-0-img-holder img,
  .bikepark-article-img-holder-2 img {
    max-width: 50% !important;
  }
  #bikepark-article-block-3-content {
    margin-top: 450px;
    position: absolute;
    width: 100%;
  }
  #bikepark-article-block-0-content {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    width: 100%;
    position: absolute;
    margin-top: 50px;
  }
  #bikepark-article #first.block-title {
    width: fit-content;
  }
  #bikepark-article-block-3 {
    padding-bottom: 60px !important;
  }
  #bikepark-article-block-1 {
    padding-bottom: 100px !important;
  }
  #bikepark-article-block-5 img {
    width: 100%;
    display: block;
  }
  #bikepark-article-top-title {
    color: #009ee0;
    font-size: 30px;
    line-height: 44px;
  }
  .bikepark-article-color-blocks {
    display: flex;
    flex-wrap: wrap;
  }
  .bikepark-article-color-block {
    background: #f1f3f4;
    padding: 10px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin: 15px;
  }
  .blog-intro-text,
  .blog-title-link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .bikepark-article-color-block-color {
    width: 160px;
    height: 160px;
    margin-bottom: 18px;
  }
  .bikepark-article-color-block-caption {
    margin-bottom: 8px;
  }
  #bikepark-article-color-block-1 .bikepark-article-color-block-color {
    background: #00a7e6;
  }
  #bikepark-article-color-block-1 .bikepark-article-color-block-caption {
    color: #00a7e6;
  }
  #bikepark-article-color-block-2 .bikepark-article-color-block-color {
    background: #33337a;
  }
  #bikepark-article-color-block-2 .bikepark-article-color-block-caption {
    color: #33337a;
  }
  #bikepark-article-color-block-3 .bikepark-article-color-block-color {
    background: #e6a430;
  }
  #bikepark-article-color-block-3 .bikepark-article-color-block-caption {
    color: #e6a430;
  }
  #bikepark-article-color-block-4 .bikepark-article-color-block-color {
    background: #3b3e41;
  }
  #bikepark-article-color-block-4 .bikepark-article-color-block-caption {
    color: #3b3e41;
  }
  #bikepark-article-block-0-img-holder {
    position: absolute;
    width: 100%;
    margin-top: 100px;
    z-index: 1;
  }
  #bikepark-article .block-title {
    direction: rtl;
    width: 100%;
  }
  #bikepark-article .text-right {
    text-align: left;
  }
  #bikepark-article .row {
    direction: rtl;
  }
  #bikepark-article .block:nth-child(5n) p img {
    transform: none !important;
    width: 100%;
  }
  #bikepark-article .block:nth-child(5n) .block-title {
    flex-wrap: wrap;
  }
  #bikepark-article .block:last-of-type {
    padding-bottom: 0;
  }

/* Case studies 2026-11-03 */

#body-117 #content{padding:0!important}
#body-117 #content .item-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
:is(#bikebox-case-study,#carrefour-case-study){--bb-ink:#152e49;--bb-muted:#465a6d;--bb-blue:#1678aa;--bb-line:#dce7ef;direction:rtl;text-align:right;font-family:inherit;background:#fff;color:var(--bb-ink);width:100%;overflow-wrap:break-word;font-size:18px;line-height:1.8}
:is(#bikebox-case-study,#carrefour-case-study) *,:is(#bikebox-case-study,#carrefour-case-study) *::before,:is(#bikebox-case-study,#carrefour-case-study) *::after{box-sizing:border-box}
:is(#bikebox-case-study,#carrefour-case-study) .bb-wrap{width:calc(100% - 64px);max-width:1240px;margin-inline:auto}
:is(#bikebox-case-study,#carrefour-case-study) .bb-section{padding:72px 0}
:is(#bikebox-case-study,#carrefour-case-study) h1,:is(#bikebox-case-study,#carrefour-case-study) h2,:is(#bikebox-case-study,#carrefour-case-study) h3{font-family:inherit;color:var(--bb-ink);text-align:right;letter-spacing:normal;font-weight:700;line-height:1.3;margin:0 0 18px}
:is(#bikebox-case-study,#carrefour-case-study) h1{font-size:clamp(32px,3.8vw,52px);max-width:680px}
:is(#bikebox-case-study,#carrefour-case-study) h1 span{color:#1678aa}
:is(#bikebox-case-study,#carrefour-case-study) h2{font-size:clamp(27px,2.6vw,36px)}
:is(#bikebox-case-study,#carrefour-case-study) h3{font-size:21px;margin-bottom:10px}
:is(#bikebox-case-study,#carrefour-case-study) p{margin:0 0 18px;font-size:18px;line-height:1.85;color:var(--bb-muted);text-align:right}
:is(#bikebox-case-study,#carrefour-case-study) .bb-eyebrow{display:block;font-size:14px;font-weight:700;letter-spacing:.03em;color:#526b7e;margin-bottom:18px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-hero{background:linear-gradient(120deg,#eaf5fa 0%,#f7fbfd 50%,#fff 100%);padding:58px 0 42px;border-bottom:1px solid var(--bb-line)}
:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
:is(#bikebox-case-study,#carrefour-case-study) .bb-lead{font-size:20px;max-width:610px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-tags{display:flex;gap:9px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0}
:is(#bikebox-case-study,#carrefour-case-study) .bb-tags li{background:#fff;border:1px solid #cddfe9;border-radius:100px;padding:5px 14px;font-size:14px;color:#27475f;line-height:1.8}
:is(#bikebox-case-study,#carrefour-case-study) .bb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:10px;background:#b74b00;color:#fff;font-size:16px;font-weight:700;line-height:1.6;text-decoration:none;border:2px solid #b74b00;transition:background .15s}
:is(#bikebox-case-study,#carrefour-case-study) .bb-button:hover{background:#913a00;border-color:#913a00}
:is(#bikebox-case-study,#carrefour-case-study) .bb-button-secondary{background:#fff;color:#1d435e;border-color:#bfd2de}
:is(#bikebox-case-study,#carrefour-case-study) .bb-button-secondary:hover{background:#edf4f8;border-color:#8fadbF}
:is(#bikebox-case-study,#carrefour-case-study) a:focus-visible,:is(#bikebox-case-study,#carrefour-case-study) summary:focus-visible{outline:3px solid #1678aa;outline-offset:4px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-visual{position:relative;margin:0;background:linear-gradient(150deg,#e3f0f7,#fff);border:1px solid #d5e6ef;border-radius:24px;padding:22px 18px 16px;box-shadow:0 18px 50px #163c5c0d;text-align:center}
:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-visual img{display:block;height:430px;width:100%;object-fit:contain;object-position:center}
:is(#bikebox-case-study,#carrefour-case-study) figcaption{font-size:13px;line-height:1.7;color:#526575;text-align:center;margin-top:12px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:26px 0 0;margin-top:36px;border-top:1px solid #cfdee7}
:is(#bikebox-case-study,#carrefour-case-study) .bb-fact{padding-inline:22px;border-inline-start:1px solid #cfdee7}
:is(#bikebox-case-study,#carrefour-case-study) .bb-fact:first-child{padding-inline-start:0;border:0}
:is(#bikebox-case-study,#carrefour-case-study) .bb-fact span{display:block;font-size:13px;color:#526575}
:is(#bikebox-case-study,#carrefour-case-study) .bb-fact strong{display:block;font-size:17px;font-weight:700;line-height:1.65}
:is(#bikebox-case-study,#carrefour-case-study) .bb-overview{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
:is(#bikebox-case-study,#carrefour-case-study) .bb-panel{background:#f5f8fb;border:1px solid var(--bb-line);border-radius:18px;padding:30px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-list{margin:0;padding:0 22px 0 0;color:var(--bb-muted)}
:is(#bikebox-case-study,#carrefour-case-study) .bb-list li{padding-inline-start:5px;margin-bottom:12px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-list li:last-child{margin-bottom:0}
:is(#bikebox-case-study,#carrefour-case-study) .bb-tint{background:#f3f8fc;border-block:1px solid #e4edf3}
:is(#bikebox-case-study,#carrefour-case-study) .bb-intro{max-width:760px;margin-bottom:30px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-card{background:#fff;border:1px solid var(--bb-line);border-radius:16px;padding:27px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-card p{font-size:16px;margin:0;line-height:1.85}
:is(#bikebox-case-study,#carrefour-case-study) .bb-number{display:inline-block;font-size:14px;font-weight:700;color:#1678aa;background:#eaf5fb;padding:3px 10px;border-radius:7px;margin-bottom:20px;direction:ltr}
:is(#bikebox-case-study,#carrefour-case-study) .bb-steps .bb-card{position:relative}
:is(#bikebox-case-study,#carrefour-case-study) .bb-step-img{height:132px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto 22px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
:is(#bikebox-case-study,#carrefour-case-study) .bb-screens{margin:0;background:#f0f5fa;border:1px solid var(--bb-line);border-radius:20px;padding:26px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-screens img{width:100%;max-height:540px;height:auto;object-fit:contain;display:block}
:is(#bikebox-case-study,#carrefour-case-study) .bb-benefits{display:grid;gap:18px;margin-top:26px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-benefit{padding-inline-start:20px;border-inline-start:3px solid #21a5cc}
:is(#bikebox-case-study,#carrefour-case-study) .bb-benefit h3{font-size:20px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-benefit p{font-size:17px;margin:0}
:is(#bikebox-case-study,#carrefour-case-study) .bb-faq{max-width:960px;margin-inline:auto}
:is(#bikebox-case-study,#carrefour-case-study) details{border:1px solid #d6e2eb;border-radius:12px;margin-bottom:12px;background:#fff}
:is(#bikebox-case-study,#carrefour-case-study) summary{cursor:pointer;position:relative;font-size:19px;font-weight:700;padding:20px 24px;color:var(--bb-ink);line-height:1.5}
:is(#bikebox-case-study,#carrefour-case-study) details p{padding:0 24px 22px;margin:0;font-size:17px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-cta{background:#173650;color:#fff;border-radius:22px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:36px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-cta h2{color:#fff;font-size:30px;margin-bottom:12px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-cta p{color:#e0e9f0;margin:0;font-size:18px;max-width:760px}
:is(#bikebox-case-study,#carrefour-case-study) .bb-cta .bb-button{flex-shrink:0;background:#fff;border-color:#fff;color:#173650}
:is(#bikebox-case-study,#carrefour-case-study) .bb-cta .bb-button:hover{background:#e8f2f8;border-color:#e8f2f8}
:is(#bikebox-case-study,#carrefour-case-study) section[id]{scroll-margin-top:110px}
@media(min-width:1600px){:is(#bikebox-case-study,#carrefour-case-study) .bb-wrap{max-width:1320px}}
@media(max-width:980px){:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-grid{gap:28px;grid-template-columns:1.2fr 1fr}:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-visual img{height:350px}:is(#bikebox-case-study,#carrefour-case-study) .bb-overview,:is(#bikebox-case-study,#carrefour-case-study) .bb-split{gap:30px}:is(#bikebox-case-study,#carrefour-case-study) .bb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#bikebox-case-study,#carrefour-case-study) .bb-steps{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#bikebox-case-study,#carrefour-case-study) .bb-steps .bb-card{padding:20px}:is(#bikebox-case-study,#carrefour-case-study) .bb-cta{padding:32px;display:block}:is(#bikebox-case-study,#carrefour-case-study) .bb-cta .bb-button{margin-top:24px}}
@media(max-width:700px){:is(#bikebox-case-study,#carrefour-case-study) .bb-wrap{width:calc(100% - 36px)}:is(#bikebox-case-study,#carrefour-case-study) .bb-section{padding:46px 0}:is(#bikebox-case-study,#carrefour-case-study) .bb-hero{padding:34px 0 30px}:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-grid,:is(#bikebox-case-study,#carrefour-case-study) .bb-overview,:is(#bikebox-case-study,#carrefour-case-study) .bb-split{grid-template-columns:1fr;gap:30px}:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-visual{padding:16px}:is(#bikebox-case-study,#carrefour-case-study) .bb-hero-visual img{height:330px}:is(#bikebox-case-study,#carrefour-case-study) .bb-lead{font-size:18px}:is(#bikebox-case-study,#carrefour-case-study) .bb-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}:is(#bikebox-case-study,#carrefour-case-study) .bb-fact{padding:0 12px;border:0}:is(#bikebox-case-study,#carrefour-case-study) .bb-fact:first-child{padding-inline-start:12px}:is(#bikebox-case-study,#carrefour-case-study) .bb-fact strong{font-size:16px}:is(#bikebox-case-study,#carrefour-case-study) .bb-cards,:is(#bikebox-case-study,#carrefour-case-study) .bb-steps{grid-template-columns:1fr}:is(#bikebox-case-study,#carrefour-case-study) .bb-card,:is(#bikebox-case-study,#carrefour-case-study) .bb-panel{padding:24px}:is(#bikebox-case-study,#carrefour-case-study) .bb-steps .bb-card{padding:24px}:is(#bikebox-case-study,#carrefour-case-study) .bb-screens{padding:18px}:is(#bikebox-case-study,#carrefour-case-study) .bb-cta{padding:28px 24px}:is(#bikebox-case-study,#carrefour-case-study) .bb-cta h2{font-size:26px}:is(#bikebox-case-study,#carrefour-case-study) .bb-actions .bb-button{flex:1;min-width:150px}:is(#bikebox-case-study,#carrefour-case-study) summary{font-size:18px;padding:18px 20px}:is(#bikebox-case-study,#carrefour-case-study) details p{padding:0 20px 20px}}

/* Carrefour case study and enlarged BikeBox visuals */
#content:has(#carrefour-case-study){padding:0!important;max-width:none!important;width:100%!important}
#content .item-page:has(#carrefour-case-study){max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
#content .item-page:has(#carrefour-case-study)>.page-header{display:none}
#bikebox-case-study .bb-hero-visual img{height:860px}
#bikebox-case-study .bb-hero-grid{grid-template-columns:.95fr 1.05fr;gap:36px}
#carrefour-case-study .cr-hero-grid{grid-template-columns:1fr 1.12fr;gap:36px}
#carrefour-case-study h1{font-size:clamp(32px,3.5vw,46px)}
#carrefour-case-study .cr-hero-visual{padding:12px;background:#eaf1f8}
#carrefour-case-study .cr-hero-visual img{height:auto;width:100%;border-radius:12px}
#carrefour-case-study .cr-wide-screen{margin:0;border:1px solid #d6e2eb;background:#f3f6fb;border-radius:18px;padding:14px;box-shadow:0 12px 36px #163c5c0b}
#carrefour-case-study .cr-wide-screen img{width:100%;height:auto;display:block;border-radius:10px}
#carrefour-case-study .cr-settings{padding:14px}
#carrefour-case-study .cr-settings img{max-height:none}
@media(max-width:980px){#bikebox-case-study .bb-hero-visual img{height:720px}#carrefour-case-study .cr-hero-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:700px){#bikebox-case-study .bb-hero-grid{grid-template-columns:1fr}#bikebox-case-study .bb-hero-visual img{height:auto;max-height:1000px;width:100%;object-fit:contain}#carrefour-case-study .cr-wide-screen{padding:8px}}

#bikebox-case-study .bb-hero-grid{align-items:start}
.es-case-article{direction:rtl;text-align:right;font-size:18px;line-height:1.85;color:#344b60;overflow-wrap:break-word}
.es-case-article p{font-size:18px;line-height:1.85;margin-bottom:20px}
.es-case-article .lead{font-size:20px;color:#25465e}
.es-case-article figure{margin:30px 0;border:1px solid #dae5ee;border-radius:15px;padding:10px;background:#f3f7fb}
.es-case-article figure img{display:block;width:100%;height:auto;border-radius:8px}
.es-case-article figcaption{font-size:13px;line-height:1.7;color:#526575;padding:10px 8px 2px}
.es-case-article h2{color:#173650;font-size:28px;line-height:1.4;margin:38px 0 16px}
.es-case-article ul{padding-inline-start:24px}
.es-case-article li{margin-bottom:10px}
.es-case-article a{color:#075e94;text-decoration:underline;text-underline-offset:3px}
.es-case-article .es-case-callout{padding:26px 30px;background:#edf6fb;border:1px solid #cfdfeb;border-inline-start:4px solid #1678aa;border-radius:12px;margin-top:36px}
.es-case-article .es-case-callout h2{margin-top:0;font-size:25px}
.es-case-article .es-case-callout p{margin-bottom:0}
@media(max-width:700px){.es-case-article h2{font-size:25px}.es-case-article .es-case-callout{padding:22px}}