/*********************************************
 * Sticky Product Highlights
**********************************************/
.bcnb-product-highlights-sticky {
    --size-image:300px;
    --size-number:58px;
    --position-pattern:clamp(0px, calc((100% - 1230px) / 2 - 40px - 24px), 100vw);
    padding-left:var(--bcnb-gap-side); padding-right:var(--bcnb-gap-side);
    background:linear-gradient(180deg, #006ebe 0%, #005ea3 100%);
}
.bcnb-product-highlights-sticky:before {
    content:"";
    position:absolute; inset:0; pointer-events:none;
    background-image:url(../../../../assets/images/noise.png);
    background-size:200px 200px; background-repeat:repeat;
    opacity:.1;
}
.bcnb-product-highlights-sticky__inner {
    padding:var(--bcnb-spacing-90) calc(var(--bcnb-gap-container) + 9px) var(--bcnb-spacing-90);
}
.bcnb-product-highlights-sticky__items-wrapper {padding-top:calc(var(--size-image) / 2 - var(--size-number) / 2);}

/* sticky */
.bcnb-product-highlights-sticky__images-inner.bcnb-sticky {
    --offset:100px;
    --extra-offset:100px !important;
}

/* image */
.bcnb-product-highlights-sticky__images {width:var(--size-image);}
.bcnb-product-highlights-sticky__images-inner {margin:0 calc(-.15 * var(--size-image)) -126px;}
.bcnb-product-highlights-sticky__image {padding:0 calc(.15 * var(--size-image)) 126px; width:100%;}
.bcnb-product-highlights-sticky__image-bg {aspect-ratio:326/356; width:100%; position:relative;}
.bcnb-product-highlights-sticky__image-bg:before {
    content:"";
    width:103%; aspect-ratio:1; display:block;
    position:absolute; left:50%; bottom:0; transform:translateX(-50%);
    background:#fff; border-radius:50%;
    box-shadow:0 11px 24px rgba(0, 0, 0, .06), 0 43px 43px rgba(0, 0, 0, .06),
    0 96px 58px rgba(0, 0, 0, .05), inset 0 0 0 18px #f1f1f1;
}
.bcnb-product-highlights-sticky__image-bg img {position:relative;}

/* items */
.bcnb-product-highlights-sticky__item {margin-top:calc(-1 * var(--size-number) / 2);}
.bcnb-product-highlights-sticky__item-inner {width:calc((100% - var(--size-image) - 40px) / 2); max-width:420px;}
.bcnb-product-highlights-sticky__item-number {width:var(--size-number); font-size:26px;}
.bcnb-product-highlights-sticky__item-number:before {
    content:"";
    position:absolute; inset:0;
    background-image:url(../../../../assets/images/noise.png);
    background-size:200px 200px; background-repeat:repeat; opacity:.1; pointer-events:none;
}
.bcnb-product-highlights-sticky__item-content {max-width:350px;}

/* item > decoration */
.bcnb-product-highlights-sticky__item-line {
    width:100%; height:70px;
    top:calc(var(--size-number) / 2); left:0;
}
.bcnb-product-highlights-sticky__item-line:before {
    content:"";
    width:0; height:2px; background:#cfcfcf;
    position:absolute; top:-1px; left:0;
    transition:width .3s ease .3s;
}
.bcnb-product-highlights-sticky__item-line:after {
    content:"";
    width:0; height:2px; background:#cfcfcf;
    position:absolute; top:-1px; left:calc(100% - 70px); transform:rotate(45deg); transform-origin:top left;
    transition:width .3s ease;
}
.bcnb-product-highlights-sticky__item-line i {
    width:6px; height:6px; background:#fff; border-radius:50%; opacity:0;
    border:1px solid rgba(121, 121, 121, .8); box-shadow:0 0 0 1px rgba(121, 121, 121, .8);
    position:absolute; right:0; bottom:0; z-index:1;
    transition:opacity .3s ease;
}
.bcnb-product-highlights-sticky__item.active .bcnb-product-highlights-sticky__item-line:before {
    width:calc(100% - 70px); transition-delay:0s;
}
.bcnb-product-highlights-sticky__item.active .bcnb-product-highlights-sticky__item-line:after {width:98px; transition-delay:.3s;}
.bcnb-product-highlights-sticky__item.active .bcnb-product-highlights-sticky__item-line i {opacity:1; transition-delay:.6s;}

/* item > even */
@media only screen and (min-width:1025px) {
    .bcnb-product-highlights-sticky__items {gap:0;}
    .bcnb-product-highlights-sticky__item:nth-child(even) {text-align:right;}
    .bcnb-product-highlights-sticky__item:nth-child(even):before {left:auto; right:0;}
    .bcnb-product-highlights-sticky__item:nth-child(even) .bcnb-product-highlights-sticky__item-inner,
    .bcnb-product-highlights-sticky__item:nth-child(even) .bcnb-product-highlights-sticky__item-number,
    .bcnb-product-highlights-sticky__item:nth-child(even) .bcnb-product-highlights-sticky__item-content {margin-left:auto;}
    .bcnb-product-highlights-sticky__item:nth-child(even) .bcnb-product-highlights-sticky__item-line {transform:scaleX(-1);}
}

/* line */
.bcnb-product-highlights-sticky__items:before {
    content:""; pointer-events:none;
    height:calc(100% + var(--bcnb-spacing-72) + var(--bcnb-spacing-default) + var(--bcnb-spacing-32));
    width:2px; border-left:1px dashed rgba(255, 255, 255, .3);
    position:absolute; top:0; left:50%; transform:translateX(-50%);
}

/* decoration */
.bcnb-product-highlights-sticky__decoration-grid {max-width:1280px; aspect-ratio:1280/144; bottom:-10px;}
.bcnb-product-highlights-sticky__inner:before, .bcnb-product-highlights-sticky__inner:after {
    content:"";
    width:40px; height:100%;
    background-image:var(--grid-pattern); background-repeat:repeat-y;
    position:absolute; top:0; bottom:0; opacity:.1; pointer-events:none;
}
.bcnb-product-highlights-sticky__inner:before {left:-15px;}
.bcnb-product-highlights-sticky__inner:after {right:-15px;}


/*********************************************
 * Sticky Product Highlights Responsive
**********************************************/
@media only screen and (max-width:1280px) {
    .bcnb-product-highlights-sticky__inner {padding-left:20px; padding-right:20px;}
    .bcnb-product-highlights-sticky__inner:before {left:-40px;}
    .bcnb-product-highlights-sticky__inner:after {right:-40px;}
}
@media only screen and (max-width:1180px) {
    .bcnb-product-highlights-sticky {--size-image:300px;}
    .bcnb-product-highlights-sticky__inner {padding-left:0; padding-right:0;}
    .bcnb-product-highlights-sticky__image-bg:before {width:100%;}
    .bcnb-product-highlights-sticky__inner:before, .bcnb-product-highlights-sticky__inner:after {display:none;}
}
@media only screen and (max-width:1024px) {
    .bcnb-product-highlights-sticky__items-wrapper {padding-top:var(--bcnb-spacing-110);}
    .bcnb-product-highlights-sticky__images {left:auto; right:0; transform:translateX(0);}
    .bcnb-product-highlights-sticky__item {
        width:calc(100% - var(--size-image));
        padding-right:40px; padding-bottom:80px; margin-top:0;
    }
    .bcnb-product-highlights-sticky__item-inner {width:100%; max-width:100%;}
    .bcnb-product-highlights-sticky__items:before {display:none;}
    .bcnb-product-highlights-sticky__item-number {margin-bottom:16px;}
    .bcnb-product-highlights-sticky__item-content {max-width:calc(100% - 70px);}
}
@media only screen and (max-width:1024px) and (min-width:769px) {
    .bcnb-product-highlights-sticky__images-inner {margin-right:calc(-1 * var(--bcnb-gap-side));}
    .bcnb-product-highlights-sticky__image {padding-right:var(--bcnb-gap-side);}
}
@media only screen and (max-width:768px) {
    .bcnb-product-highlights-sticky {--size-number:50px;}
    .bcnb-product-highlights-sticky__heading {margin-bottom:32px;}
    .bcnb-product-highlights-sticky__images {position:static; margin:0 auto 40px;}
    .bcnb-product-highlights-sticky__images-inner {position:static !important;}
    .bcnb-product-highlights-sticky__items-wrapper {padding-top:0;}
    .bcnb-product-highlights-sticky__item {width:100%; max-width:100%; padding-right:0; padding-bottom:48px;}
    .bcnb-product-highlights-sticky__item:last-child {padding-bottom:0;}
    .bcnb-product-highlights-sticky__item-inner {display:flex; align-items:flex-start}
    .bcnb-product-highlights-sticky__item-number {font-size:22px; margin-bottom:0;}
    .bcnb-product-highlights-sticky__item-content {
        width:calc(100% - var(--size-number)); max-width:100%;
        padding-left:20px; padding-top:.4em;
    }
    .bcnb-product-highlights-sticky__item-line {
        width:1px; height:calc(100% + var(--bcnb-spacing-64));
        left:calc(var(--size-number) / 2); transform:translateX(-50%);
    }
    .bcnb-product-highlights-sticky__item:not(:last-child) .bcnb-product-highlights-sticky__item-line {
        border-left:2px solid #cfcfcf; top:6px;
    }
    .bcnb-product-highlights-sticky__item:not(:last-child) .bcnb-product-highlights-sticky__item-line i {display:none;}
    .bcnb-product-highlights-sticky__item-line:before,
    .bcnb-product-highlights-sticky__item-line:after,
    .bcnb-product-highlights-sticky__item-line i {display:none;}
}
@media only screen and (max-width:480px) {
    .bcnb-product-highlights-sticky {overflow:hidden;}
    .bcnb-product-highlights-sticky__heading {margin-bottom:20px;}
    .bcnb-product-highlights-sticky__item-content {padding-left:10px; padding-top:.1em}
    .bcnb-product-highlights-sticky__decoration-grid {min-width:768px;}
}