/* Image framing and readable text over illustrative imagery. */
/* Keep masks inside each image layer so controls remain interactive. */
.pxl-service-grid-layout2 .custom-box .pxl-post--inner,
.pxl-service-carousel3 .custom-box .pxl-post--inner{position:relative;isolation:isolate;overflow:hidden;background-position:center 38%}
.pxl-service-grid-layout2 .custom-box .pxl-post--inner::before,
.pxl-service-carousel3 .custom-box .pxl-post--inner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(237,245,249,0) 28%,rgba(237,245,249,.70) 52%,rgba(237,245,249,.97) 79%,#edf5f9 100%)}
.pxl-service-grid-layout2 .custom-box .wrap-content{position:relative;z-index:1}
.pxl-service-grid-layout2 .custom-box .title-box{color:#09243c!important;text-shadow:none}
/* Hero: protect the copy while retaining detail on the right. */
.elementor-21 sr7-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,24,41,.38),rgba(5,24,41,.22) 58%,rgba(5,24,41,.04) 100%)}
/* Inquiry image uses a bottom-weighted mask behind its contact details. */
.elementor-21 .elementor-element.elementor-element-cff1d34>.elementor-widget-wrap{background-image:linear-gradient(180deg,rgba(5,25,43,.10) 10%,rgba(5,25,43,.46) 45%,rgba(5,25,43,.94) 100%),url('../media/ocepten/image-h2-16.webp')!important;background-position:center!important;isolation:isolate}
.elementor-21 .elementor-element-cff1d34>.elementor-widget-wrap>.elementor-background-overlay{opacity:.10!important;pointer-events:none}
.elementor-21 .elementor-element-cff1d34 .pxl-item--description{color:#e4edf4!important}
.elementor-21 .elementor-element-cff1d34 .pxl-item--title,
.elementor-21 .elementor-element-cff1d34 .pxl-item--subtitle{color:#fff!important}
.elementor-21 .elementor-element-4a6da30{background-image:linear-gradient(90deg,rgba(5,25,43,.62),rgba(5,25,43,.12)),url('../media/ocepten/image-h2-10.svg')!important}
.elementor-21 .elementor-element-4a6da30 .pxl-item--desc,
.elementor-21 .elementor-element-4a6da30 .pxl-item--description,
.elementor-21 .elementor-element-4a6da30 p{color:#e1eaf1!important}
/* Reframe the analytical scene around the scientist rather than the monitor edge. */
.elementor-21 .pxl-team-carousel1 [style*="image-dt3-1.webp"]{background-image:url('../media/ocepten/quality.webp')!important;background-position:78% center!important}
.elementor-21 .pxl-team-carousel1 [style*="image-h2-11.webp"]{background-image:url('../media/ocepten/research.webp')!important;background-position:62% center!important}
.elementor-21 .pxl-team-carousel1 [style*="image-dt4-1.webp"]{background-image:url('../media/ocepten/team.webp')!important;background-position:center!important}
/* Product assets occupy the existing frame, avoiding compounded 70% scaling. */
.woocommerce .woocommerce-product-inner .woocommerce-product-header img{max-width:82%!important;max-height:360px!important;width:auto;object-fit:contain}
.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image{height:550px;align-items:center}
.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image>a{display:flex;align-items:center;justify-content:center;width:100%!important;height:100%;max-width:none!important}
.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image>a>img{width:100%!important;height:100%!important;max-width:none!important;max-height:100%!important;object-fit:contain;padding:24px;box-sizing:border-box;margin:0!important}
/* Article images: a quiet dark strip for metadata, without dimming the entire photo. */
.pxl-post-carousel1 .pxl-post--featured,.pxl-blog-grid-layout1 .pxl-post--featured{isolation:isolate}
.pxl-post-carousel1 .pxl-item--author{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.45)}
@media(max-width:767px){
.elementor-21 sr7-bg::after{background:linear-gradient(90deg,rgba(5,24,41,.48),rgba(5,24,41,.25))}
.elementor-21 .elementor-element.elementor-element-cff1d34>.elementor-widget-wrap{background-image:linear-gradient(180deg,rgba(5,25,43,.30),rgba(5,25,43,.87) 65%,rgba(5,25,43,.96)),url('../media/ocepten/image-h2-16.webp')!important;background-position:62% center!important}
.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image{height:400px}
.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image>a>img{padding:20px}
}
.pxl-post-carousel1 .pxl-post--featured .pxl-post--meta{font-size:14px!important;line-height:1.5;flex-wrap:wrap;gap:0 4px;left:22px;right:22px;bottom:18px;color:#fff!important}
.pxl-post-carousel1 .pxl-post--featured .pxl-post--meta a,
.pxl-post-carousel1 .pxl-post--featured .pxl-post--meta span,
.pxl-post-carousel1 .pxl-post--featured .pxl-post--meta .pxl-item--author,
.pxl-post-carousel1 .pxl-post--featured .pxl-post--meta .pxl-post--category{font-size:14px!important;line-height:1.5;color:#fff!important}
/* OEM/ODM capability cards: keep the three image frames equal and rounded. */
.elementor-element-92930c2 > .elementor-container > .elementor-column.hv-icb-3 .pxl-item--image{width:100%;height:340px;overflow:hidden;border-radius:24px}
.elementor-element-92930c2 > .elementor-container > .elementor-column.hv-icb-3 .pxl-item--image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:1024px){.elementor-element-92930c2 > .elementor-container > .elementor-column.hv-icb-3 .pxl-item--image{height:280px}}
@media(max-width:767px){.elementor-element-92930c2 > .elementor-container > .elementor-column.hv-icb-3 .pxl-item--image{height:220px;border-radius:18px}}
/* Blog share row: use stable branded SVG marks instead of missing icon-font glyphs. */
.post-shares .social-share .social{display:flex;gap:14px;align-items:center}
.post-shares .social-share .social .pxl-icon{display:inline-flex!important;align-items:center;justify-content:center;width:84px;height:84px;border:2px solid #dce0e5;border-radius:50%;font-size:0!important;color:#09243c!important;transition:background .2s,border-color .2s,transform .2s}
.post-shares .social-share .social .pxl-icon:before{font-family:Arial,sans-serif!important;font-size:17px!important;font-weight:700;line-height:1}
.post-shares .social-share .social .icon-facebook:before{content:'f'}.post-shares .social-share .social .icon-twitter:before{content:'𝕏'}.post-shares .social-share .social .icon-linkedin:before{content:'in'}.post-shares .social-share .social .skype-share:before{content:'✆'}
.post-shares .social-share .social .pxl-icon:hover{background:#ffcf53;border-color:#ffcf53;transform:translateY(-2px)}