:root{--navy:#072f43;--deep:#062637;--blue:#009bce;--ink:#123748;--muted:#61717a;--pale:#f1f6f7;--line:#dce5e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #00aadd;outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.topbar{background:var(--deep);color:#c8dbe3;font-size:11px;letter-spacing:.2px;padding:10px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar i{padding:0 16px;font-style:normal;color:#3d7185}header{position:sticky;top:0;z-index:20;background:#fffffffa;border-bottom:1px solid #e5ecef;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;height:92px;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:53px;height:53px;object-fit:cover;border-radius:50%}.brand>span{font-size:24px;font-weight:800;letter-spacing:1.5px;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:3.3px;margin-top:5px}.nav nav{display:flex;gap:30px;font-size:13px}.nav nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--navy);color:white;padding:16px 22px;border:1px solid transparent;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn:hover{background:#125773;transform:translateY(-1px)}.btn span{font-size:19px;line-height:1}.btn.small{font-size:12px;padding:12px 18px}.menu{display:none}.hero{display:grid;grid-template-columns:53% 47%;background:var(--navy);min-height:590px;color:white}.hero-copy{padding:64px 45px 28px max(48px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#087fa4;margin-bottom:20px}.eyebrow.light{color:#8cd7e7}.hero h1{font-size:clamp(44px,4.4vw,66px);font-weight:500;line-height:1.08;letter-spacing:-2.3px;margin:0 0 25px}.hero h1 em{font-style:normal;color:#74d0e5}.hero-copy>p{color:#c6d6de;font-size:14px;line-height:1.8;max-width:430px;margin:0}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.cyan{background:#83d8e9;color:var(--deep)}.cyan:hover{background:#acebfa}.text-link{font-size:12px;font-weight:600}.hero-foot{display:flex;gap:30px;padding-top:35px;margin-top:32px;border-top:1px solid #ffffff25;font-size:8px;letter-spacing:1.7px;color:#abc6d2;max-width:480px}.hero-image{position:relative;overflow:hidden;min-height:590px}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#042333a6,transparent 60%)}.photo-note{position:absolute;bottom:40px;left:38px;z-index:1}.photo-note>span{font-size:8px;letter-spacing:2px}.photo-note p{font-size:27px;line-height:1.2;margin:12px 0 0}.photo-number{position:absolute;right:24px;top:24px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;z-index:1}.promise{display:grid;grid-template-columns:repeat(3,1fr);padding:31px 0;border-bottom:1px solid var(--line)}.promise>div{display:flex;align-items:center;gap:18px;padding:0 30px;border-right:1px solid var(--line)}.promise>div:first-child{padding-left:0}.promise>div:last-child{border:0}.line-icon{font-size:29px;color:#098bab}.promise p{margin:0}.promise strong{font-size:13px;font-weight:600;display:block}.promise small{font-size:11px;color:var(--muted)}.section{padding-top:90px;padding-bottom:90px}h2{font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.15;letter-spacing:-1.4px;margin:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:36px}.section-head>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 4px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:0;padding:10px 17px;border-radius:3px;color:var(--muted);font-size:12px}.filters button.active{background:var(--navy);color:white}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid #aebfc6;padding:8px 0}.search span{font-size:24px;line-height:1}.search input{border:0;background:transparent;outline:0;width:174px;font-size:12px;color:var(--ink)}.search:focus-within{outline:2px solid var(--blue);outline-offset:4px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 22px}.product{min-width:0}.product-picture{position:relative;aspect-ratio:1.2;background:#f3f6f6;overflow:hidden}.product img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.04)}.product-picture>span{position:absolute;top:12px;left:12px;background:#ffffffed;padding:5px 9px;font-size:8px;letter-spacing:1px;text-transform:uppercase}.product-info{padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.product h3{font-size:14px;font-weight:600;margin:0}.product small{font-size:10px;color:var(--muted)}.add-product{width:32px;height:32px;border:1px solid #c3d4dc;background:white;color:var(--navy);font-size:21px;flex-shrink:0;border-radius:50%;line-height:1}.add-product.selected{background:var(--navy);color:white}.outline{background:transparent;color:var(--ink);border:1px solid #b6c9d1;margin:32px auto 0;display:flex;width:max-content}.outline:hover{color:white}.catalog-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:35px;font-size:12px}.catalog-bottom p{margin:0;color:var(--muted)}.catalog-bottom a{font-weight:600}.sectors{background:var(--pale)}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9d8de}.sector-grid article{padding:30px 35px 0;border-right:1px solid #c9d8de;margin-top:15px}.sector-grid article:first-child{padding-left:0}.sector-grid article:last-child{border:0;padding-right:0}.sector-num{color:#1986a8;font-size:12px}.sector-grid h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:24px 0 12px}.sector-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px;min-height:70px}.sector-grid a{font-size:11px;font-weight:600;display:inline-block;margin-top:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-photo{height:430px;position:relative}.about-photo>img{width:100%;height:100%;object-fit:cover}.since{position:absolute;bottom:-18px;right:-22px;background:var(--navy);color:#b6d0dc;padding:23px 28px;font-size:12px;box-shadow:0 12px 30px #06263715}.since strong{font-size:45px;color:#8cdeed;font-weight:500;margin-left:5px}.since span{display:block;font-size:7px;letter-spacing:1.2px}.about-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin:22px 0}.dark{color:var(--ink);display:inline-block;margin-top:6px}.quote{background:var(--navy);color:white}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.quote h2{font-size:43px}.quote-layout>div>p{font-size:13px;color:#bfd1db;line-height:1.9;max-width:380px;margin-top:23px}.steps{margin:28px 0 35px}.steps>div{display:flex;align-items:center;gap:18px;padding:12px 0;font-size:12px}.steps b{color:#7dd9e8;font-size:10px;font-weight:400;border:1px solid #456b7c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.contact-inline{font-size:11px;color:#b7cdd8}.contact-inline strong{display:block;color:white;font-size:17px;margin-top:7px}form{background:white;color:var(--ink);padding:30px}form h3{font-size:24px;font-weight:500;margin:0 0 4px;letter-spacing:-.5px}.form-intro{color:var(--muted);font-size:12px;margin:0 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form label{display:block;font-size:10px;font-weight:600;margin-bottom:17px}form input,form select,form textarea{display:block;width:100%;border:1px solid #cad7dd;background:#fcfdfd;border-radius:0;padding:11px 10px;font-size:12px;color:var(--ink);margin-top:7px;min-width:0}form textarea{resize:vertical}form input:focus,form select:focus,form textarea:focus{outline:2px solid #4fa9c6;outline-offset:1px}form .btn{width:100%;justify-content:space-between}.form-note{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:12px}.selected-item{display:flex;align-items:center;justify-content:space-between;background:#eef5f7;padding:8px 10px;margin-bottom:6px;font-size:11px;gap:10px}.selected-item button{border:0;background:none;font-size:19px;color:#316176;padding:0 6px}.selected-summary{font-size:10px;color:#277c97;margin:0 0 8px}#selection:not(:empty){margin-bottom:18px;max-height:180px;overflow:auto}#form-error{font-size:12px;color:#a42b23}.contact{display:flex;justify-content:space-between;gap:40px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:15px}.contact-details small{font-size:9px;letter-spacing:1.6px;color:#528095}.contact-details p{font-size:13px;line-height:1.8;margin:15px 0}.contact-details>div>a{font-size:11px;font-weight:600}footer{background:var(--deep);color:white;padding:40px 0 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.inverse>span{font-size:22px}.footer-top p{font-size:17px;line-height:1.3;letter-spacing:-.3px;color:#b9d0db}.footer-top>a:last-child{font-size:11px;color:#b9d0db}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #244858;margin-top:30px;padding-top:20px;font-size:9px;color:#98b5c3}.wa-float{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;background:#0d7b5c;color:white;z-index:25;display:grid;place-items:center;box-shadow:0 5px 25px #0002;border:2px solid #ffffff}.wa-float svg{width:29px;height:29px}#basket{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);border:1px solid #7ab4c8;color:white;display:flex;align-items:center;gap:22px;padding:13px 20px;z-index:24;box-shadow:0 8px 25px #0003;font-size:12px}#basket b{display:grid;place-items:center;background:#80d5e5;color:#062637;border-radius:50%;width:23px;height:23px}
@media(min-width:1500px){.hero{min-height:660px}.hero-image{min-height:660px}.hero-copy{padding-right:70px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav{gap:15px}.nav nav{gap:17px}.brand>span{font-size:20px}.brand img{width:42px;height:42px}.brand small{font-size:6px}.nav .btn{padding:12px}.hero-copy{padding-left:28px;padding-right:24px}.hero h1{font-size:48px}.hero .actions{gap:16px}.hero .text-link{font-size:11px}.about{gap:45px}.quote-layout{gap:40px}.contact-details{gap:25px}.promise>div{padding:0 18px;gap:12px}.promise small{font-size:10px}.sector-grid article{padding-right:22px;padding-left:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar .wrap>span{display:none}.topbar{font-size:10px}.nav{height:75px}.brand img{width:43px;height:43px}.brand>span{font-size:21px}.brand small{font-size:7px;letter-spacing:2.7px}.nav>.btn{display:none}.menu{display:block;border:0;background:transparent;color:var(--ink);font-size:25px;padding:6px}.nav nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:22px;box-shadow:0 15px 20px #0001;gap:0}.nav nav.open{display:flex;flex-direction:column}.nav nav a{padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 24px 24px}.hero h1{font-size:45px;letter-spacing:-1.7px}.hero-copy>p{font-size:13px;max-width:95%}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero .actions{margin-top:26px;gap:20px}.hero .btn{font-size:12px;padding:14px 17px}.hero-foot{padding-top:23px;margin-top:28px;font-size:7px;gap:20px}.hero-image{min-height:340px;max-height:380px}.hero-image>img{object-position:center 45%}.photo-note{left:24px;bottom:25px}.photo-note p{font-size:25px}.promise{grid-template-columns:1fr;padding:8px 0}.promise>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line);gap:20px}.promise>div:last-child{border:0}.promise small{font-size:11px}.line-icon{width:30px;text-align:center}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block;margin-bottom:27px}.section-head>p{margin-top:22px;font-size:12px}.section-head br{display:none}.section-head h2 br{display:block}h2{font-size:33px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:15px}.catalog-tools{align-items:stretch;flex-direction:column;gap:16px}.filters{gap:2px}.filters button{padding:9px 11px;font-size:10px}.search input{width:100%}.products{grid-template-columns:1fr 1fr;gap:25px 14px}.product h3{font-size:12px}.product small{font-size:9px}.product-picture>span{font-size:7px;top:8px;left:8px}.product-info{gap:5px;align-items:flex-start}.add-product{width:27px;height:27px;font-size:18px}.catalog-bottom{display:block;line-height:1.9}.catalog-bottom a{display:block;margin-top:7px}.sector-grid{grid-template-columns:1fr}.sector-grid article,.sector-grid article:first-child,.sector-grid article:last-child{padding:23px 0;margin:0;border-right:0;border-bottom:1px solid #c9d8de}.sector-grid article:last-child{border-bottom:0;padding-bottom:0}.sector-grid h3{margin:10px 0;font-size:25px}.sector-grid p{max-width:100%;min-height:0;margin:8px 0}.sector-grid a{margin-top:9px}.about{grid-template-columns:1fr;gap:50px}.about-photo{height:320px;margin-right:15px}.since{right:-15px;bottom:-20px;padding:16px 20px}.since strong{font-size:36px}.quote-layout{grid-template-columns:1fr;gap:30px}.quote h2{font-size:35px}.quote-layout>div>p{font-size:12px}.steps{margin:18px 0}.steps>div{padding:8px 0}.contact-inline{display:block;margin-top:24px}form{padding:22px 18px}.form-row{gap:10px}form h3{font-size:23px}.contact{display:block}.contact-details{margin-top:25px;gap:25px;grid-template-columns:1fr 1fr}.contact-details p{font-size:12px}.contact-details>div>a{font-size:10px;overflow-wrap:anywhere}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:20px}.footer-top p{font-size:14px}.footer-top>a:last-child{width:100%}.footer-bottom{gap:20px;font-size:8px;padding-bottom:40px}.wa-float{right:14px;bottom:18px;width:47px;height:47px}#basket{left:20px;bottom:20px;transform:none;gap:14px;font-size:11px;padding:11px 14px}html{scroll-padding-top:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* BECOLMAR brand assets and product presentations */
.brand img{width:152px;height:76px;object-fit:contain;border-radius:0}.nav{height:100px}.nav nav{margin-left:auto;margin-right:22px}.branded-hero{display:flex;flex-direction:column;background:#fff;min-height:590px}.branded-hero:after{display:none}.hero-product{position:relative;flex:1;min-height:380px;background:white;overflow:hidden}.hero-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:60px 24px 48px}.hero-product-label{position:absolute;left:30px;top:28px;font-size:9px;letter-spacing:2px;color:#386577;z-index:1}.hero-product-caption{position:absolute;right:30px;bottom:22px;color:#53717e;font-size:8px;letter-spacing:1.6px}.hero-brand-note{display:flex;align-items:center;gap:22px;color:var(--navy);padding:25px 32px;background:#eef5f7;min-height:146px}.hero-brand-note small{font-size:8px;letter-spacing:1.5px;color:#3e7285}.hero-brand-note p{margin:10px 0 0;font-size:24px;line-height:1.15;letter-spacing:-.6px}.brand-note-line{height:65px;width:2px;background:#009cce}.brand-note-arrow{margin-left:auto;font-size:32px;color:#0785ac}.shared-product .product-picture{background:white;border:1px solid #e4eaed}.shared-product img{object-fit:contain;padding:16px}.shared-product .product-picture>span{background:#eef5f7}.presentations{background:#f4f7f8;border-top:1px solid #e1eaed}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pack-grid article{background:#fff;border:1px solid #dfe8ec;overflow:hidden}.pack-picture{height:330px;display:flex;justify-content:center;padding:20px 25px 0}.pack-picture img{width:100%;height:100%;object-fit:contain}.pack-copy{padding:24px 26px 25px}.pack-copy>span{font-size:8px;letter-spacing:1.5px;color:#5b8293}.pack-copy h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:13px 0 8px}.pack-copy p{font-size:12px;color:var(--muted);margin:0}.pack-copy a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:23px;font-size:11px;font-weight:600}.pack-copy a>span{font-size:19px;color:#0c8eb3}.pack-footnote{font-size:10px;line-height:1.7;color:#6a7e88;margin:23px 0 0}.sectors{background:#fff}.inverse img{width:180px;height:90px;background:#fff;padding:10px 12px}.footer-top{align-items:center}
@media(max-width:1050px){.nav nav{margin-right:0}.brand img{width:136px;height:68px}.pack-picture{height:270px}.pack-copy{padding:20px}.pack-copy h3{font-size:19px}.hero-brand-note p{font-size:21px}}
@media(max-width:760px){.nav{height:84px}.brand img{width:145px;height:73px}.nav nav{top:84px}.branded-hero{min-height:430px;max-height:none}.hero-product{min-height:300px}.hero-product img{padding:40px 15px}.hero-product-label{left:24px;top:22px;font-size:8px}.hero-product-caption{right:20px;bottom:18px;font-size:7px}.hero-brand-note{min-height:125px;padding:22px 24px;gap:18px}.hero-brand-note p{font-size:23px}.hero-brand-note small{font-size:7px;letter-spacing:1px}.brand-note-arrow{font-size:26px}.pack-grid{grid-template-columns:1fr;gap:22px}.pack-picture{height:330px;padding-top:20px}.pack-copy{padding:20px 24px 24px}.pack-copy h3{font-size:23px}.pack-footnote{font-size:9px}.inverse img{width:165px;height:83px;padding:10px}.footer-top p{margin:0}.shared-product img{padding:12px}.hero{min-height:0}}

.sector-product{display:block;width:100%;height:210px;object-fit:contain;margin-bottom:25px}.sector-grid article{padding-top:20px}.sector-grid h3{margin-top:15px}@media(max-width:760px){.sector-product{height:220px;margin-bottom:20px}.sector-grid article{padding-top:24px}}
