/* Porto owns its page, row/column and widget markup. Only the design's spacing is adapted. */
.bendex-native>.bx-skip{position:absolute;left:12px;top:-80px;z-index:9999;background:var(--bx-primary);color:#fff;padding:10px 16px}
.bendex-native>.bx-skip:focus{top:12px}
.bendex-native #main .porto-block>.container-fluid{padding:0}
.bendex-native #main{padding:0;background:transparent}
.bendex-native #main>.container-fluid{padding:0}
#footer>.porto-block>.container-fluid{padding:0}
#footer .vc_section{margin:0;padding-left:0;padding-right:0}
#footer .bendex-content-row{padding-inline:var(--bx-gutter)}
#footer .bx-logo{display:block;width:124px}
#footer .bx-logo img{height:auto;width:124px}
#footer .bx-logo .bendex-native-image{margin:0}
.bendex-native #main .main-content-wrap{margin:0}
.bendex-native #main .main-content{padding:0}
.bendex-native #main article.page{margin:0}
.bendex-native .page-content{margin:0}
:is(body.bendex-native, #footer) .wpb_content_element,:is(body.bendex-native, #footer) .vc_btn3-container{margin-bottom:0}
.bendex-native #main .vc_section{margin:0;padding-left:0;padding-right:0}
.bendex-native #main .bendex-content-row{padding-inline:var(--bx-gutter)}
:is(body.bendex-native, #footer) .bendex-content-row{margin-top:0;margin-bottom:0}
:is(body.bendex-native, #footer) .bendex-content-row::before,:is(body.bendex-native, #footer) .bendex-content-row::after{display:none}
:is(body.bendex-native, #footer) .bendex-content-row>.vc_column_container{width:auto;float:none;padding:0;min-width:0}
:is(body.bendex-native, #footer) .bendex-content-row>.vc_column_container.col-md-12{width:100%;flex-basis:100%}
:is(body.bendex-native, #footer) .bendex-content-row>.vc_column_container>.vc_column-inner{padding:0}
.bendex-native .bendex-section-row{margin:0}
.bendex-native .bendex-section-row>.vc_column_container{padding:0}
.bendex-native .bendex-section-row>.vc_column_container>.vc_column-inner{padding:0}
/* Anchor the full-width photo and caption to the band, not Porto's content-height column. */
.bendex-native #main .bx-band{--bx-cut-tan:.577}
.bendex-native #main .bx-band>.bendex-section-row>.vc_column_container{position:static}



.bendex-native .bendex-native-button{display:inline-flex;margin:0;vertical-align:middle}
.bendex-native .bendex-native-image>.wpb_wrapper,.bendex-native .bendex-native-image .vc_single_image-wrapper{width:100%;height:100%}
.bendex-native .bendex-native-image img{width:100%;height:100%;object-fit:cover}
.bendex-native #main p.vc_custom_heading,.bendex-native #main span.vc_custom_heading{font-weight:inherit}
.bendex-native #main .bx-eyebrow.vc_custom_heading,.bendex-native #main .bx-caption .vc_custom_heading{font-weight:600}
.bendex-native #main .bx-caption .vc_custom_heading{font-size:inherit;line-height:inherit;color:inherit;letter-spacing:inherit}
.bendex-native #main .bx-hero__text>.vc_column-inner{display:grid;gap:28px}
.bendex-native #main .bx-hero__text>.vc_column-inner>*{margin:0}
.bendex-native #main .bendex-native-inline,.bendex-native #main .bendex-native-inline>.wpb_wrapper{display:contents;font:inherit;color:inherit}
.bendex-native #main .bx-finder>.porto-block{display:contents}
.bendex-native #main .bx-finder__q{font:inherit}
.bendex-native #main .bx-chips legend{float:none;line-height:inherit}
.bendex-native #main .bx-chip{margin-bottom:0}
.bendex-native #main .bx-cmp__switch>.bendex-native-text,.bendex-native #main .bx-cmp__switch>.bendex-native-text>.wpb_wrapper{display:contents}
.bendex-native #main .bx-logo-tile .bendex-native-image,.bendex-native #main .bx-logo-tile .bendex-native-image>.wpb_wrapper,.bendex-native #main .bx-logo-tile .vc_single_image-wrapper{display:contents}
.bendex-native #main .bx-logo-tile img{width:auto;height:auto;object-fit:contain;justify-self:center;align-self:center}
.bendex-native #main .bx-head>.wpb_wrapper{display:contents}
.bendex-native #main .bx-head--row>.wpb_wrapper>div+div{margin-top:var(--bx-s-6)}
.bendex-native #main .bx-subnav__links>.bendex-native-text,.bendex-native #main .bx-subnav__links>.bendex-native-text>.wpb_wrapper{display:contents}
.bendex-native #main .bx-subnav__in>.bendex-native-text,.bendex-native #main .bx-subnav__in>.bendex-native-text>.wpb_wrapper{display:contents}
.bendex-native :is(#main,#footer) .vc_column-inner::before,.bendex-native :is(#main,#footer) .vc_column-inner::after{display:none}
.bendex-native #main :is(.bx-zig__text,.bx-flowline__step,.bx-card,.bx-hero__text>.vc_column-inner,.bx-gap-5>.vc_column-inner)>.bendex-native-text:not(.bx-head):not(.bx-caption),.bendex-native #main :is(.bx-zig__text,.bx-flowline__step,.bx-card,.bx-hero__text>.vc_column-inner,.bx-gap-5>.vc_column-inner)>.bendex-native-text:not(.bx-head):not(.bx-caption)>.wpb_wrapper{display:contents}
.bendex-native #main :is(.bx-zig__text,.bx-card,.bx-hero__text>.vc_column-inner)>.bendex-native-text>.wpb_wrapper>*{margin:0}
.bendex-native #main :is(.bx-meta li,.bx-hero__facts li,.bx-num li,.bx-timeline li,.bx-steps>li){line-height:inherit}
/* The existing Porto gallery retains images, ordering and lightbox; only its grid skin changes. */
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a{width:auto;padding:0;margin:0;min-width:0}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a:first-child{grid-column:1/-1;position:relative;padding:clamp(18px,3vw,40px);border-radius:var(--bx-r-s);background:radial-gradient(120% 90% at 50% 0%,#fff 0%,var(--bx-mist) 55%,var(--bx-mist-2) 100%)}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a:first-child figure{border:10px solid #0d1828;border-radius:10px;box-shadow:0 30px 60px -30px rgb(12 30 54/.5);overflow:hidden}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a:first-child::after{content:'⤢ ' attr(data-bendex-count);position:absolute;right:12px;bottom:12px;font:600 12px/1 var(--bx-font);color:#fff;background:rgb(12 30 54/.72);padding:8px 11px;border-radius:var(--bx-r-pill)}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a:nth-of-type(n+6){display:none}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>.bendex-gallery-caption{grid-column:1/-1;width:100%!important;max-width:none;padding:0;margin:0;font-size:14px;line-height:1.5}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a[data-bendex-more]{position:relative}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured>a[data-bendex-more]::after{content:attr(data-bendex-more);position:absolute;inset:0;display:grid;place-items:center;background:rgb(12 30 54/.62);color:#fff;font-weight:600;border-radius:var(--bx-r-xs)}
.bendex-native #main #shop .bendex-gallery--featured>a:first-child img{transform:scale(1.9);transform-origin:88% 42%}
.bendex-native #main #production .bendex-gallery--featured>a:first-child img{transform:scale(1.7);transform-origin:38% 42%}
.bendex-native #main #management .bendex-gallery--featured>a:first-child img{transform:scale(1.7);transform-origin:52% 42%}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured figure{margin:0}
.bendex-native #main .porto-gallery-grid.bendex-gallery--featured img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.bendex-native #main .porto-gallery-grid.bendex-gallery--single{margin:0}
.bendex-native #main .porto-gallery-grid.bendex-gallery--single>a,.bendex-native #main .porto-gallery-grid.bendex-gallery--single>figure{width:100%;padding:0;margin:0}
.bendex-native #main .porto-gallery-grid.bendex-gallery--single>a:nth-child(n+2){display:none}
.bendex-native #main .porto-gallery-grid.bendex-gallery--single figure{margin:0;border:1px solid var(--bx-line);border-radius:var(--bx-r-s);overflow:hidden}
.bendex-native #main .porto-gallery-grid.bendex-gallery--single img{width:100%;aspect-ratio:16/10;object-fit:cover}
.bendex-native #main .porto-gallery-grid.bendex-gallery--thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:32px 0 0}
.bendex-native #main .porto-gallery-grid.bendex-gallery--thumbnails>a{width:auto;padding:0;margin:0;min-width:0;position:relative}
.bendex-native #main .porto-gallery-grid.bendex-gallery--thumbnails>a:nth-child(n+5){display:none}
.bendex-native #main .porto-gallery-grid.bendex-gallery--thumbnails figure{margin:0;border:1px solid var(--bx-line);border-radius:var(--bx-r-xs);overflow:hidden}
.bendex-native #main .porto-gallery-grid.bendex-gallery--thumbnails img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.bendex-native #main .porto-gallery-grid.bendex-gallery--thumbnails [data-bendex-more]::after{content:attr(data-bendex-more);position:absolute;inset:0;display:grid;place-items:center;background:rgb(12 30 54/.62);color:#fff;font-weight:600;border-radius:var(--bx-r-xs)}
/* Keep Porto/Magnific's gallery controls and fit the image plus caption in the viewport.
   Porto's img.mfp-img rule otherwise disables Magnific's inline height limit. */
body.bendex-native.mfp-zoom-out-cur{cursor:default}
body.bendex-native .mfp-image-holder{display:flex;align-items:center;justify-content:center;padding:64px 88px}
body.bendex-native .mfp-image-holder::before{display:none}
body.bendex-native .mfp-image-holder .mfp-content{flex:0 1 auto;min-width:0}
body.bendex-native .mfp-image-holder .mfp-figure::after,body.bendex-native .mfp-image-holder .mfp-figure figure::before{display:none}
body.bendex-native .mfp-image-holder img.mfp-img{max-height:calc(100vh - 160px)!important;max-height:calc(100dvh - 160px)!important;padding:0;object-fit:contain;border-radius:var(--bx-r-s);box-shadow:0 16px 48px rgb(0 0 0/.24)}
body.bendex-native .mfp-image-holder .mfp-bottom-bar{position:static;display:flex;align-items:flex-start;gap:20px;margin:12px 0 0;padding:0;background:transparent}
body.bendex-native .mfp-image-holder .mfp-title{flex:1;min-width:0;padding:0;font:400 14px/1.5 var(--bx-font);color:#e2e8f0}
body.bendex-native .mfp-image-holder .mfp-counter{position:static;flex:none;font:400 12px/21px var(--bx-font);color:#b8c5d6}
body.bendex-native .mfp-image-holder :is(.mfp-arrow,.mfp-close){position:fixed;display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border:1px solid rgb(255 255 255/.3);border-radius:50%;background:#0c1e36e6;color:#fff;opacity:1;transform:none;cursor:pointer;box-shadow:0 4px 20px rgb(0 0 0/.2);transition:background-color .2s,border-color .2s,box-shadow .2s}
body.bendex-native .mfp-image-holder .mfp-arrow{top:calc(50% - 24px)}
body.bendex-native .mfp-image-holder .mfp-arrow-left{left:max(20px,env(safe-area-inset-left))}
body.bendex-native .mfp-image-holder .mfp-arrow-right{right:max(20px,env(safe-area-inset-right))}
body.bendex-native .mfp-image-holder .mfp-arrow::before{display:none}
body.bendex-native .mfp-image-holder .mfp-arrow::after{position:static;width:10px;height:10px;margin:0;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:translateX(-2px) rotate(-45deg)}
body.bendex-native .mfp-image-holder .mfp-arrow-left::after{transform:translateX(2px) rotate(135deg)}
body.bendex-native .mfp-image-holder .mfp-close{top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:44px;height:44px;font:300 28px/1 var(--bx-font);text-align:center;text-indent:0}
body.bendex-native .mfp-image-holder .mfp-close::before,body.bendex-native .mfp-image-holder .mfp-close::after{display:none}
body.bendex-native .mfp-image-holder :is(.mfp-arrow,.mfp-close):hover{background:#27486d;border-color:rgb(255 255 255/.65)}
body.bendex-native .mfp-image-holder :is(.mfp-arrow,.mfp-close):focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #27486d}
@media(max-width:600px){
 body.bendex-native .mfp-image-holder{padding:64px 16px 80px}
 body.bendex-native .mfp-image-holder img.mfp-img{max-height:calc(100vh - 204px)!important;max-height:calc(100dvh - 204px)!important}
 body.bendex-native .mfp-image-holder .mfp-arrow{top:auto;bottom:max(16px,env(safe-area-inset-bottom));width:44px;height:44px}
 body.bendex-native .mfp-image-holder .mfp-arrow-left{left:max(16px,env(safe-area-inset-left))}
 body.bendex-native .mfp-image-holder .mfp-arrow-right,body.bendex-native .mfp-image-holder .mfp-close{right:max(16px,env(safe-area-inset-right))}
}
.bendex-native #main .bx-caption>.wpb_wrapper{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%}
.bendex-native #main .bx-head>.wpb_wrapper>.bx-eyebrow,.bendex-native #main .bx-head>.wpb_wrapper>div>.bx-eyebrow{margin-bottom:var(--bx-s-4)}
.bendex-native #main .bendex-native-actions>.porto-ultimate-content-box{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:0}
.bendex-native .bendex-native-button .vc_btn3{line-height:1.2}
.bendex-native #main .bx-gap-5>.vc_column-inner{display:grid;gap:var(--bx-s-5)}
.bendex-native #main .bendex-variant-anchor{position:absolute;top:calc(-1 * var(--bx-header-h));left:0;width:0;height:0;overflow:hidden;scroll-margin-top:var(--bx-header-h)}
.bendex-native #main .bendex-variant-switch{margin:0}
.bendex-native #main .bendex-variant-switch>.tab-content{display:none}
.bendex-native #main .bendex-variant-switch .content-switch{display:inline-flex;align-items:center;gap:0;padding:4px;border:1px solid var(--bx-line);border-radius:999px;background:var(--bx-raise);width:fit-content}
.bendex-native #main .bendex-variant-switch .switch-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
.bendex-native #main .bendex-variant-switch .switcher-label{position:relative;display:block;padding:9px 18px;margin:0;border-radius:999px;font:500 14.5px/1 var(--bx-font);color:var(--bx-on-surface-soft);cursor:pointer;transition:color 200ms,background 320ms}
.bendex-native #main .bendex-variant-switch .switcher-label.active{background:var(--bx-primary);color:#fff}
.bendex-native #main .bendex-variant-switch:focus-within .content-switch{box-shadow:var(--bx-focus)}
.bendex-native #main .toggle.bendex-native-faq{margin:0;border-bottom:1px solid var(--bx-line);padding:0}
.bendex-native #main .toggle.bendex-native-faq>label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin:0;border:0;background:transparent;font:500 18px/1.65 var(--bx-font);color:var(--bx-on-surface-strong)}
.bendex-native #main .toggle.bendex-native-faq>label:hover{color:var(--bx-primary)}
.bendex-native #main .toggle.bendex-native-faq>label::before{content:'';order:1;position:static;flex:none;width:28px;height:28px;border:1px solid var(--bx-line);border-radius:50%;background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230f2034' stroke-width='1.5'%3E%3Cpath d='M6 1.5v9M1.5 6h9'/%3E%3C/svg%3E");transform:none;transition:transform var(--bx-dur-3),background-color var(--bx-dur-2)}
.bendex-native #main .toggle.bendex-native-faq.active>label::before{transform:rotate(45deg);background-color:var(--bx-raise)}
.bendex-native #main .toggle.bendex-native-faq>.toggle-content{padding:0 48px 24px 0;color:var(--bx-on-surface)}
.bendex-native #main .toggle.bendex-native-faq .toggle-content p:empty{display:none}
.bendex-native #main .toggle.bendex-native-faq .toggle-content>:last-child,.bendex-native #main .toggle.bendex-native-faq .toggle-content p:last-child{margin-bottom:0}
.bendex-native #main .bx-field label{line-height:1.65}
.bendex-native #main .bx-field :is(input,select){line-height:1.65}
.bendex-native #main .bendex-module-tabs .vc_tta-tabs-container{display:block!important;margin:0 0 clamp(28px,4vw,48px);overflow:visible}
.bendex-native #main .bendex-module-tabs .vc_tta-tabs-list{display:flex;gap:4px;margin:0;border-bottom:1px solid var(--bx-line);overflow:visible}
.bendex-native #main .bendex-module-tabs .vc_tta-tab{display:block;margin:0}
.bendex-native #main .bendex-module-tabs .vc_tta-tab>a{font:500 16px/1.2 var(--bx-font);color:var(--bx-on-surface-soft);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 16px 16px;white-space:nowrap}
.bendex-native #main .bendex-module-tabs .vc_tta-title-text small{display:block;font-size:12px;font-weight:400;line-height:1.2;color:var(--bx-on-surface-soft);margin-top:3px}
.bendex-native #main .bendex-module-tabs .vc_tta-tab.vc_active>a{color:var(--bx-on-surface-strong);border-bottom-color:var(--porto-primary-color)}
.bendex-native #main .bendex-module-tabs .vc_tta-tab>a::before,.bendex-native #main .bendex-module-tabs .vc_tta-tab>a::after{display:none}
.bendex-native #main .bendex-module-tabs .vc_tta-panels{background:transparent;border:0;margin:0}
.bendex-native #main .bendex-module-tabs .vc_tta-panel-body{margin:0!important}
.bendex-native #main .bendex-module-tabs .vc_tta-panel{display:none!important}
.bendex-native #main .bendex-module-tabs .vc_tta-panel.vc_active{display:block!important}
.bendex-native #main .bendex-module-tabs .vc_tta-panel-heading{display:none!important}
.bendex-native #main .bendex-module-tabs .vc_tta-panel-body{display:block!important;height:auto!important;background:transparent;border:0;padding:0;overflow:visible}
@media(max-width:640px){
 .bendex-native #main .bendex-module-tabs .vc_tta-tabs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0}
 .bendex-native #main .bendex-module-tabs .vc_tta-tab>a{border:1px solid var(--bx-line);border-radius:8px;white-space:normal;text-align:left;height:100%;padding:14px 12px 16px}
 .bendex-native #main .bendex-module-tabs .vc_tta-tab.vc_active>a{border-color:var(--porto-primary-color)}
}
.bendex-native #main .bx-container:has(.bx-cmp__legend)>.bx-head{margin-bottom:16px}
body.bendex-native.hdr-visible :is(#main,#footer) .bx-subnav{top:var(--bendex-header-offset,var(--bx-header-h))}
/* Porto clips the page on phones with overflow:hidden, which disables position:sticky for the
   page sub-navigation. overflow-x:clip keeps the horizontal clipping without a scroll container. */
@media (max-width:767px){body.bendex-native .page-wrapper{overflow:visible;overflow-x:clip}}
