:root{--navy:#17365d;--navy2:#102b4d;--blue:#2c628f;--ink:#17212b;--muted:#697580;--line:#d4dbe1;--line2:#e9edf0;--paper:#fff;--bg:#f4f5f3;--soft:#f8f9f7;--accent:#9a7b35;--success:#236b45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue",Helvetica,"Noto Sans",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding-left:22px;padding-right:22px}
.utility{background:#eef1f3;border-bottom:1px solid #d7dce0;color:#5f6a75;font-size:12px}.utility .wrap{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:18px}.utility-left,.utility-right{display:flex;align-items:center;gap:16px}.dot{width:3px;height:3px;border-radius:50%;background:#8b949c}.site-header{background:white}.header-main{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px}.brand-box{width:44px;height:44px;background:var(--navy);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;letter-spacing:.05em}.brand-copy{line-height:1.08}.brand-copy strong{display:block;font:700 22px Georgia,"Times New Roman",serif;color:#153554}.brand-copy small{display:block;margin-top:6px;color:#7c8791;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.header-note{text-align:right;color:#6b7681;font-size:12px}.header-note b{display:block;color:#33404d;font-size:13px;margin-bottom:2px}.navbar{background:var(--navy);border-top:1px solid #0f2b4d;position:sticky;top:0;z-index:70}.nav-inner{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav-left,.nav-right{display:flex;align-items:center}.nav-link{color:#edf3f8;font-size:13px;font-weight:700;padding:14px 15px;border-left:1px solid rgba(255,255,255,.12)}.nav-link:last-child{border-right:1px solid rgba(255,255,255,.12)}.nav-link:hover,.nav-link.active{background:#244d76}.lang-select{height:32px;border:1px solid rgba(255,255,255,.42);background:#fff;color:#1d3147;padding:0 28px 0 9px;font-size:12px;font-weight:700;border-radius:2px}.cart-top{height:32px;margin-left:8px;border:1px solid #fff;background:#fff;color:var(--navy);font-size:12px;font-weight:700;padding:0 10px;display:inline-flex;align-items:center;gap:7px}.badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;background:var(--navy);color:#fff;font-size:10px;border-radius:10px}.breadcrumb{font-size:12px;color:#747f89;padding-top:16px;padding-bottom:12px}.breadcrumb a{color:#2d628f}.page-hero{background:#fff;border-bottom:1px solid var(--line)}.page-hero .wrap{padding-top:34px;padding-bottom:38px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:54px;align-items:start}.eyebrow{color:#39648c;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}.page-hero h1{font:700 43px/1.09 Georgia,"Times New Roman",serif;color:#173757;margin:0;letter-spacing:-.02em}.page-hero p{color:#5f6c78;font-size:15px;line-height:1.75;max-width:760px;margin:16px 0 0}.rule{width:62px;height:3px;background:var(--accent);margin-top:21px}.hero-panel{border:1px solid #cbd4dc;background:#fbfcfb}.hero-panel-title{background:#eef2f5;border-bottom:1px solid #d4dce2;padding:10px 13px;font-size:12px;font-weight:700;color:#2b4054}.hero-panel-row{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid #e3e8eb;font-size:12px}.hero-panel-row:last-child{border-bottom:0}.hero-panel-row span{color:#697580}.hero-panel-row b{color:#17365d}.section{padding:38px 0}.section.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:2px solid var(--navy);padding-bottom:11px;margin-bottom:18px}.section-title h2{font:700 28px Georgia,"Times New Roman",serif;color:#17365d;margin:0}.section-title p{margin:0;color:#6b7680;font-size:12px;max-width:480px;text-align:right}.btn{height:40px;border:1px solid var(--navy);background:var(--navy);color:#fff;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.secondary{background:#fff;color:var(--navy)}.btn:hover{filter:brightness(.97)}.home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.home-search{border:1px solid #cbd4db;background:white;padding:17px;margin-top:28px}.search-wrap{position:relative}.search-input{width:100%;height:45px;border:1px solid #bfc9d1;background:white;padding:0 120px 0 15px;outline:none}.search-input:focus{border-color:#537b9e;box-shadow:0 0 0 1px #537b9e}.search-go{position:absolute;right:0;top:0;height:45px;width:108px;border:0;background:var(--navy);color:white;font-size:12px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{border:1px solid #cfd7dd;background:#fff;padding:20px}.stat-card small{display:block;color:#6c7883;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.stat-card strong{display:block;color:#17365d;font:700 29px Georgia,serif;margin-top:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border:1px solid #cfd7dd;background:#fff;padding:20px}.feature .num{font:700 14px Georgia,serif;color:#987b39;margin-bottom:9px}.feature h3{font:700 19px Georgia,serif;color:#17365d;margin:0 0 7px}.feature p{color:#66727c;font-size:12px;line-height:1.7;margin:0}.feature a{display:inline-block;color:#2a6190;font-size:12px;font-weight:700;margin-top:12px}.catalog-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:28px;align-items:start}.sidebar{background:#fff;border:1px solid var(--line);position:sticky;top:64px}.side-title{background:#eef2f4;border-bottom:1px solid var(--line);padding:11px 13px;font-size:13px;font-weight:700;color:#2f4356}.side-block{padding:14px 13px;border-bottom:1px solid var(--line2);font-size:12px;color:#697580;line-height:1.65}.side-block:last-child{border-bottom:0}.side-link{display:block;color:#2d628f;padding:7px 0;border-bottom:1px dotted #d7dde1}.side-link:last-child{border-bottom:0}.catalog-main{min-width:0}.toolbar{border:1px solid #cfd7dd;background:#fff;padding:13px}.catalog-search{width:100%;height:42px;border:1px solid #bbc6cf;padding:0 12px;outline:none}.catalog-search:focus{border-color:#557da0}.az{display:flex;overflow-x:auto;margin-top:10px;border-left:1px solid #e1e6e9;border-top:1px solid #e1e6e9;scrollbar-width:none}.az::-webkit-scrollbar{display:none}.az button{min-width:34px;height:31px;flex:0 0 auto;border:0;border-right:1px solid #e1e6e9;border-bottom:1px solid #e1e6e9;background:#fafbfa;color:#53616d;font-size:11px;font-weight:700}.az button.active,.az button:hover{background:var(--navy);color:#fff}.result-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6d7882;font-size:12px;padding:10px 2px}.clear-link{border:0;background:none;color:#2d628f;font-size:12px;font-weight:700}.product-grid{display:grid;gap:12px}.product-card{border:1px solid #cfd7dd;background:#fff}.product-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f6f7f6;border-bottom:1px solid #d8dee3;padding:12px 13px}.product-name{font:700 18px Georgia,"Times New Roman",serif;color:#193858}.from-price{font-size:11px;color:#73808a}.from-price b{font-size:17px;color:#17365d;margin-left:5px}.variant-table{width:100%;border-collapse:collapse;table-layout:fixed}.variant-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#6b7680;text-align:left;padding:8px 11px;border-bottom:1px solid #e0e5e8}.variant-table td{padding:9px 11px;border-top:1px solid #edf0f2;font-size:12px;color:#34424f;vertical-align:middle}.variant-table th:nth-child(1){width:20%}.variant-table th:nth-child(2){width:31%}.variant-table th:nth-child(3){width:21%;text-align:right}.variant-table th:nth-child(4){width:28%;text-align:right}.variant-table td:nth-child(3),.variant-table td:nth-child(4){text-align:right}.code{font-family:"Courier New",monospace;font-weight:700;color:#17365d;background:#eef2f5;border:1px solid #d7dfe5;padding:3px 5px}.price{font-weight:700;color:#16314c}.qty-inline{display:inline-flex;align-items:center;border:1px solid #bfc9d0;background:#fff;height:31px}.qty-inline button{width:31px;height:29px;border:0;background:#f4f6f6;color:#17365d;font-size:17px}.qty-inline button:disabled{opacity:.35;cursor:default}.qty-inline span{min-width:34px;text-align:center;font-weight:700;color:#17365d}.qty-inline.active{border-color:#6886a1}.empty-state{display:none;border:1px solid #d3dae0;background:#fff;padding:40px;text-align:center;color:#697580}.tool-card{border:1px solid #cbd4dc;background:#fff}.tool-head{background:#eef2f5;border-bottom:2px solid var(--navy);padding:20px 22px}.tool-head h2{font:700 27px Georgia,serif;color:#17365d;margin:0}.tool-head p{color:#65727d;font-size:12px;margin:5px 0 0}.calc-grid{display:grid;grid-template-columns:1fr 1fr}.calc-pane{padding:24px 22px}.calc-pane+ .calc-pane{border-left:1px solid #d8dee3}.calc-pane h3{font:700 20px Georgia,serif;color:#17365d;margin:0 0 4px}.calc-pane>p{font-size:12px;color:#697580;margin:0 0 18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field label{display:block;font-size:11px;font-weight:700;color:#586572;margin-bottom:6px}.unit-input{display:flex;border:1px solid #bcc7d0;background:#fff}.unit-input input{width:100%;height:42px;border:0;outline:0;padding:0 11px;min-width:0}.unit-input span{display:flex;align-items:center;padding:0 11px;background:#f3f5f6;border-left:1px solid #d2d9df;color:#53616e;font-size:11px;font-weight:700}.calc-results{border:1px solid #d2d9df;margin-top:16px}.calc-row{display:flex;justify-content:space-between;gap:15px;padding:12px;border-bottom:1px solid #e4e8eb;font-size:12px}.calc-row:last-child{border-bottom:0}.calc-row span{color:#6a7681}.calc-row b{color:#17365d;font-family:"Courier New",monospace}.calc-reset{margin-top:11px;float:right;height:33px;border:1px solid #c3cdd5;background:#fff;color:#285b87;font-size:11px;font-weight:700;padding:0 12px}.disclaimer{clear:both;border-top:1px solid #d7dde2;padding:13px 22px;font-size:11px;color:#66727d}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.content-card{border:1px solid #cfd7dd;background:#fff;padding:22px}.content-card h3{font:700 21px Georgia,serif;color:#17365d;margin:0 0 8px}.content-card p,.content-card li{font-size:12px;color:#65727d;line-height:1.75}.content-card ul{padding-left:18px;margin:10px 0 0}.content-card.dark{background:#17365d;border-color:#17365d;color:#fff}.content-card.dark h3{color:#fff}.content-card.dark p,.content-card.dark li{color:#d8e0e8}.coa-search{display:grid;grid-template-columns:1.3fr .7fr auto;gap:9px;border:1px solid #cfd7dd;background:#fff;padding:15px}.coa-search input{height:42px;border:1px solid #bec8d0;padding:0 11px}.coa-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #cfd7dd;margin-top:14px}.coa-table th,.coa-table td{padding:11px;border-bottom:1px solid #e3e7ea;font-size:12px;text-align:left}.coa-table th{background:#eef2f5;color:#50606f}.document-empty{text-align:center;padding:35px;color:#6b7781}.contact-steps{counter-reset:steps}.contact-step{position:relative;border-left:3px solid #d9e0e5;padding:0 0 24px 24px;margin-left:13px}.contact-step:before{counter-increment:steps;content:counter(steps);position:absolute;left:-15px;top:0;width:27px;height:27px;border-radius:50%;background:#17365d;color:white;display:grid;place-items:center;font-size:11px;font-weight:700}.contact-step h3{font:700 18px Georgia,serif;color:#17365d;margin:0 0 4px}.contact-step p{font-size:12px;color:#66727d;margin:0}.footer{background:#f0f2f3;border-top:1px solid #d6dce0;color:#626e78;font-size:11px}.footer .wrap{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand{font-weight:700;color:#33465a}.cart-overlay{position:fixed;inset:0;background:rgba(10,22,35,.42);z-index:100;opacity:0;pointer-events:none;transition:.2s}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:110;top:0;right:0;width:min(440px,94vw);height:100dvh;background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.12);transform:translateX(101%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.cart-head{height:60px;flex:0 0 auto;background:#17365d;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.cart-head h3{font:700 20px Georgia,serif;margin:0}.cart-close{border:0;background:transparent;color:white;font-size:25px}.cart-body{overflow:auto;flex:1}.cart-empty{padding:35px 18px;text-align:center;color:#697580;font-size:13px}.cart-item{padding:14px 16px;border-bottom:1px solid #e2e7ea}.cart-item-top{display:flex;justify-content:space-between;gap:15px}.cart-item-name{font-weight:700;color:#17365d;font-size:13px}.cart-item-meta{font-size:11px;color:#6d7882;margin-top:3px;line-height:1.55}.cart-item-price{font-weight:700;color:#17365d;font-size:12px;white-space:nowrap}.cart-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.remove-btn{border:0;background:none;color:#8b4d46;font-size:11px}.cart-footer{flex:0 0 auto;border-top:1px solid #ccd5dc;padding:14px 16px;background:#fafbfa}.sum-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:3px 0}.sum-row.total{font-size:15px;color:#17365d;border-top:1px solid #d7dde2;margin-top:5px;padding-top:8px}.shipping-note{font-size:10px;color:#6b7680;line-height:1.55;margin:8px 0}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.cart-actions button{min-height:37px;border:1px solid #17365d;background:#fff;color:#17365d;font-size:11px;font-weight:700}.cart-actions button.primary{background:#17365d;color:#fff;grid-column:1/-1}.cart-actions button:disabled{opacity:.4}.clear-cart{border:0;background:none;color:#8a4c46;font-size:11px;font-weight:700;padding:8px 0 0}.floating{position:fixed;right:18px;bottom:22px;z-index:65;display:flex;flex-direction:column;gap:7px}.float-btn{min-width:145px;height:44px;border:1px solid #17365d;background:white;color:#17365d;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;box-shadow:0 3px 12px rgba(20,39,58,.12);font-size:11px;font-weight:700}.float-btn.primary{background:#17365d;color:#fff}.float-badge{background:#9b7b35;color:#fff;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;font-size:10px}.float-search-panel{position:fixed;right:18px;bottom:124px;z-index:66;width:min(380px,calc(100vw - 36px));background:white;border:1px solid #bfc9d1;box-shadow:0 10px 30px rgba(20,39,58,.18);padding:10px;display:none}.float-search-panel.open{display:block}.float-search-panel input{width:100%;height:40px;border:1px solid #bdc7cf;padding:0 10px}.float-search-close{position:absolute;right:14px;top:14px;border:0;background:#eef1f3;width:24px;height:24px}.cart-lock{overflow:hidden}.page-spacer{min-height:40vh}
@media(max-width:850px){.header-note{display:none}.nav-inner{padding:0}.nav-left{overflow-x:auto;scrollbar-width:none}.nav-left::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:14px 12px}.nav-right{padding-right:8px}.page-hero .wrap{grid-template-columns:1fr;gap:24px}.page-hero h1{font-size:36px}.hero-panel{max-width:none}.feature-grid,.stat-grid,.content-grid{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr}.sidebar{display:none}.calc-grid{grid-template-columns:1fr}.calc-pane+.calc-pane{border-left:0;border-top:1px solid #d8dee3}.coa-search{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column;gap:6px}.section-title p{text-align:left}.floating{left:12px;right:12px;bottom:10px;flex-direction:row}.float-btn{min-width:0;flex:1;height:48px;justify-content:center}.float-btn .label{display:none}.float-search-panel{left:12px;right:12px;bottom:67px;width:auto}.footer{padding-bottom:65px}}
@media(max-width:620px){.wrap{padding-left:14px;padding-right:14px}.utility-right{display:none}.header-main{min-height:67px}.brand-box{width:39px;height:39px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:9px}.navbar{top:0}.nav-link{font-size:11px;padding:13px 10px}.lang-select{width:67px;padding-left:5px}.cart-top{padding:0 7px}.cart-top .cart-label{display:none}.page-hero .wrap{padding-top:25px;padding-bottom:29px}.page-hero h1{font-size:31px}.page-hero p{font-size:13px}.section{padding:28px 0}.product-head{align-items:start}.product-name{font-size:16px}.variant-table{table-layout:auto}.variant-table th:nth-child(1),.variant-table th:nth-child(2),.variant-table th:nth-child(3),.variant-table th:nth-child(4){width:auto}.variant-table th,.variant-table td{padding:8px 6px;font-size:10px}.variant-table th{font-size:8px}.code{font-size:9px;padding:2px 3px}.qty-inline{height:29px}.qty-inline button{width:27px;height:27px}.qty-inline span{min-width:27px}.field-grid{grid-template-columns:1fr}.calc-pane{padding:20px 15px}.cart-actions{grid-template-columns:1fr}.cart-actions button.primary{grid-column:auto}.home-search{padding:10px}.search-input{padding-right:88px}.search-go{width:82px}}

/* WhatsApp contact */
.wa-float{position:fixed;left:14px;top:55%;transform:translateY(-50%);z-index:80;display:flex;align-items:center;gap:9px;background:#25D366;color:#fff;text-decoration:none;border-radius:0 9px 9px 0;padding:10px 12px 10px 10px;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}
.wa-float:hover{transform:translateY(-50%) translateX(3px);box-shadow:0 8px 24px rgba(0,0,0,.24)}
.wa-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto}.wa-icon svg{width:27px;height:27px;display:block}
.wa-copy{display:flex;flex-direction:column;line-height:1.15}.wa-copy b{font-size:12px}.wa-copy small{font-size:9px;opacity:.92;margin-top:3px;white-space:nowrap}
.whatsapp-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cfd7dd;background:#fff;padding:20px 22px;margin-top:8px}
.whatsapp-card h3{font:700 20px Georgia,serif;color:#17365d;margin:0 0 5px}.whatsapp-card p{margin:0;color:#66727d;font-size:12px}.whatsapp-number{font-family:"Courier New",monospace;font-weight:700;color:#17365d;font-size:18px;margin-top:8px}.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;background:#25D366;color:#fff!important;text-decoration:none;font-size:12px;font-weight:700;border:1px solid #20bd5a;white-space:nowrap}
/* COA image gallery */
.coa-intro{border:1px solid #cfd7dd;background:#fff;padding:17px 19px;margin-bottom:16px}.coa-intro h2{font:700 24px Georgia,serif;color:#17365d;margin:0 0 6px}.coa-intro p{font-size:12px;color:#65727d;line-height:1.7;margin:0}
.coa-group-title{font:700 20px Georgia,serif;color:#17365d;margin:26px 0 10px;padding-bottom:8px;border-bottom:1px solid #d3dbe1}
.coa-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.coa-card{display:block;border:1px solid #cfd7dd;background:#fff;text-decoration:none;color:#263b50;transition:transform .15s ease,box-shadow .15s ease}
.coa-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,39,58,.1)}
.coa-thumb{aspect-ratio:3/4;background:#eef1f3;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e0e5e8}.coa-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#f7f7f5}
.coa-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;font-size:11px}.coa-caption b{color:#17365d}.coa-caption span{color:#75818b;font-size:10px}
.coa-lightbox{position:fixed;inset:0;background:rgba(5,12,20,.92);z-index:180;display:none;align-items:center;justify-content:center;padding:22px}.coa-lightbox.open{display:flex}.coa-lightbox-inner{position:relative;width:min(1050px,96vw);height:min(94vh,1100px);display:flex;align-items:center;justify-content:center}.coa-lightbox img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 14px 45px rgba(0,0,0,.35)}.coa-lightbox-close{position:absolute;right:0;top:-2px;transform:translateY(-100%);width:38px;height:38px;border:0;background:#fff;color:#17365d;font-size:24px}.coa-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:54px;border:0;background:rgba(255,255,255,.9);color:#17365d;font-size:26px}.coa-prev{left:-52px}.coa-next{right:-52px}.coa-lightbox-label{position:absolute;left:0;bottom:-4px;transform:translateY(100%);color:#fff;font-size:11px}
@media(max-width:900px){.coa-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.coa-prev{left:4px}.coa-next{right:4px}}
@media(max-width:650px){.coa-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.coa-caption{padding:8px;font-size:10px}.wa-float{left:10px;top:auto;bottom:72px;transform:none;border-radius:50%;width:48px;height:48px;padding:0;justify-content:center}.wa-float:hover{transform:none}.wa-copy{display:none}.whatsapp-card{align-items:flex-start;flex-direction:column}.whatsapp-link{width:100%}.coa-lightbox{padding:10px}.coa-lightbox-inner{width:100%;height:88vh}.coa-lightbox-close{right:4px;top:4px;transform:none}.coa-lightbox-label{left:8px;bottom:8px;transform:none;background:rgba(0,0,0,.55);padding:4px 7px}.coa-lightbox-nav{width:38px;height:48px}}
@media print{.utility,.navbar,.floating,.cart-overlay,.cart-drawer,.btn,.footer{display:none!important}.page-hero .wrap,.section{padding-top:15px;padding-bottom:15px}body{background:#fff}.product-card{break-inside:avoid}}

.coa-sort-note{margin-top:5px!important;color:#2d628f!important;font-weight:700}.coa-caption-info{min-width:0;display:flex;flex-direction:column;gap:3px}.coa-caption-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coa-caption-info small.coa-date{display:block;color:#7a858e;font-size:9px;font-weight:700;letter-spacing:.02em}.coa-gallery-sorted{margin-top:16px}

/* V11 mobile interaction refinements */
.mobile-search-label{display:none;font-size:12px;font-weight:700;color:#17365d;margin:0 0 7px}
.catalog-search::placeholder,.float-search-panel input::placeholder{color:#667681;opacity:1}
.wa-mobile-label{display:none}
.cart-lock .wa-float{opacity:0;visibility:hidden;pointer-events:none}
.rep-line{margin-top:8px;color:#66727d;font-size:11px}.rep-line b{color:#17365d}

@media(max-width:650px){
  .mobile-search-label{display:block}
  .toolbar{padding:12px}
  .catalog-search{font-size:14px;background:#fff;color:#263b50}
  .catalog-search::placeholder{font-size:13px;color:#5d6c78;opacity:1}
  .wa-float{left:8px;top:34%;bottom:auto;transform:translateY(-50%);width:62px;height:72px;padding:7px 5px 6px;border-radius:12px;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.8);box-shadow:0 7px 22px rgba(0,0,0,.22)}
  .wa-float:hover{transform:translateY(-50%)}
  .wa-icon,.wa-icon svg{width:30px;height:30px}
  .wa-copy{display:none}
  .wa-mobile-label{display:block;font-size:10px;line-height:1;font-weight:800;color:#fff;letter-spacing:.01em;white-space:nowrap}
}

/* V19 trust / buying-guide content */
.feature-grid{grid-template-columns:repeat(4,1fr)}
.home-confidence{background:#fff}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.confidence-card{border:1px solid #cfd7dd;background:#fbfcfb;padding:18px;min-height:190px}.confidence-no{display:inline-block;font:700 12px Georgia,serif;color:#9a7b35;border-bottom:2px solid #9a7b35;padding-bottom:4px;margin-bottom:13px}.confidence-card h3{font:700 18px Georgia,serif;color:#17365d;margin:0 0 8px}.confidence-card p{font-size:12px;color:#66727d;line-height:1.72;margin:0}.confidence-cta{margin-top:14px;border:1px solid #c8d1d8;border-left:4px solid #17365d;background:#f5f7f8;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.confidence-cta div{display:flex;flex-direction:column;gap:3px}.confidence-cta b{color:#17365d;font:700 16px Georgia,serif}.confidence-cta span{color:#65727d;font-size:12px;line-height:1.5}
.why-hero .wrap{grid-template-columns:minmax(0,1fr) 315px}.why-split{display:grid;grid-template-columns:.8fr 1.45fr;gap:18px;align-items:stretch}.why-callout{border:1px solid #17365d;background:#17365d;color:#fff;padding:28px;display:flex;align-items:center}.why-callout span{font:700 24px/1.45 Georgia,serif}.why-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd7dd;border-left:1px solid #cfd7dd;background:#fff}.why-points article{padding:20px;border-right:1px solid #cfd7dd;border-bottom:1px solid #cfd7dd}.why-points b{font:700 17px Georgia,serif;color:#17365d}.why-points p{font-size:12px;color:#66727d;line-height:1.7;margin:7px 0 0}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #cfd7dd;border-left:1px solid #cfd7dd;background:#fff}.process-grid article{padding:18px 16px;border-right:1px solid #cfd7dd;border-bottom:1px solid #cfd7dd;min-height:205px}.process-grid article>span{font:700 13px Georgia,serif;color:#9a7b35}.process-grid h3{font:700 17px Georgia,serif;color:#17365d;margin:14px 0 7px}.process-grid p{font-size:12px;line-height:1.7;color:#66727d;margin:0}.docs-panel{border:1px solid #cfd7dd;background:#fff;display:grid;grid-template-columns:1fr 1fr}.docs-panel>div{padding:24px}.docs-panel>div+div{border-left:1px solid #d6dde2;background:#f7f8f7}.docs-panel h3{font:700 23px Georgia,serif;color:#17365d;margin:0 0 8px}.docs-panel p{font-size:12px;color:#66727d;line-height:1.75;margin:0}.text-link{display:inline-block;color:#2d628f;font-size:12px;font-weight:700;margin-top:14px}.docs-checklist{display:grid;gap:13px}.docs-checklist div{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}.docs-checklist span{width:22px;height:22px;border:1px solid #9a7b35;color:#7d642d;display:grid;place-items:center;font-weight:700;font-size:11px}.docs-checklist p{margin:1px 0 0}.price-table{border:1px solid #cfd7dd;background:#fff}.price-row{display:grid;grid-template-columns:230px 1fr;border-bottom:1px solid #e0e5e8}.price-row:last-child{border-bottom:0}.price-row>span,.price-row>b{padding:13px 15px;font-size:12px}.price-row>b{color:#17365d}.price-row>span:last-child{border-left:1px solid #e0e5e8;color:#65727d}.price-row.head{background:#eef2f5;font-weight:700;color:#2f4356}.price-row.head span{color:#2f4356}.faq-list{border-top:1px solid #cfd7dd}.faq-list details{background:#fff;border:1px solid #cfd7dd;border-top:0}.faq-list summary{list-style:none;cursor:pointer;padding:15px 46px 15px 16px;position:relative;font:700 16px Georgia,serif;color:#17365d}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font:400 23px Arial;color:#65727d}.faq-list details[open] summary:after{content:'−'}.faq-list details p{border-top:1px solid #e5e9ec;padding:13px 16px 16px;margin:0;color:#65727d;font-size:12px;line-height:1.75}.why-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #cbd4dc;border-left:4px solid #9a7b35;background:#fff;padding:25px}.why-contact h2{font:700 28px Georgia,serif;color:#17365d;margin:0}.why-contact p{font-size:12px;line-height:1.7;color:#66727d;max-width:650px;margin:8px 0 0}.why-contact-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.why-contact .whatsapp-link{min-height:40px}
@media(max-width:1000px){.confidence-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.why-split{grid-template-columns:1fr}.why-callout span{font-size:21px}}
@media(max-width:850px){.feature-grid{grid-template-columns:1fr}.confidence-grid{grid-template-columns:1fr 1fr}.confidence-cta,.why-contact{align-items:flex-start;flex-direction:column}.process-grid{grid-template-columns:1fr 1fr}.docs-panel{grid-template-columns:1fr}.docs-panel>div+div{border-left:0;border-top:1px solid #d6dde2}.why-contact-actions{justify-content:flex-start}}
@media(max-width:620px){.confidence-grid,.why-points,.process-grid{grid-template-columns:1fr}.confidence-card{min-height:0}.confidence-cta{padding:14px}.why-callout{padding:22px}.why-callout span{font-size:19px}.price-row{grid-template-columns:120px 1fr}.price-row>span,.price-row>b{padding:11px 10px;font-size:11px}.why-contact{padding:20px}.why-contact h2{font-size:24px}.why-contact-actions{width:100%}.why-contact-actions .btn,.why-contact-actions .whatsapp-link{width:100%}}

/* V20: payment & purity assurance */
.confidence-card-accent{border-top:3px solid #9a7b35;background:#fffdf8}.assurance-section{background:#f5f7f8}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assurance-card{background:#fff;border:1px solid #cbd4dc;padding:25px;position:relative;overflow:hidden}.assurance-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#17365d}.assurance-purity:before{background:#9a7b35}.assurance-mark{display:inline-block;border:1px solid #c3ccd4;background:#f5f7f8;color:#17365d;font:700 13px Georgia,serif;letter-spacing:.02em;padding:7px 10px;margin-bottom:16px}.assurance-purity .assurance-mark{color:#7a6028;background:#fffaf0;border-color:#d7c598}.assurance-card h3{font:700 24px/1.25 Georgia,serif;color:#17365d;margin:0 0 10px}.assurance-card>p{font-size:12px;color:#65727d;line-height:1.75;margin:0 0 18px}.assurance-list{border-top:1px solid #dde3e7}.assurance-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #e5e9ec}.assurance-list span{font:700 11px Georgia,serif;color:#9a7b35}.assurance-list p{font-size:12px;line-height:1.6;color:#566673;margin:0}.assurance-footnote{margin-top:14px;border:1px solid #cbd4dc;background:#fff;padding:13px 15px;font-size:11px;line-height:1.65;color:#6a7580}.contact-assurance-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd4dc;background:#fff}.contact-assurance-grid article{padding:22px}.contact-assurance-grid article+article{border-left:1px solid #dbe1e5}.contact-assurance-grid h3{font:700 21px Georgia,serif;color:#17365d;margin:4px 0 8px}.contact-assurance-grid p{font-size:12px;line-height:1.7;color:#65727d;margin:0}@media(max-width:850px){.assurance-grid,.contact-assurance-grid{grid-template-columns:1fr}.contact-assurance-grid article+article{border-left:0;border-top:1px solid #dbe1e5}}


/* V21 brand identity + mobile navigation */
.brand-box{position:relative;overflow:hidden;letter-spacing:-.02em;font-size:17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.brand-box:after{content:"";position:absolute;left:9px;right:9px;bottom:7px;height:2px;background:var(--accent)}
.brand-copy strong{letter-spacing:.01em}.brand-copy small{letter-spacing:.11em}
.mobile-head-actions,.mobile-nav-overlay,.mobile-nav-drawer{display:none}
.mobile-cart-btn,.mobile-menu-toggle,.mobile-nav-close{appearance:none;-webkit-appearance:none}
.mobile-menu-lock{overflow:hidden}

/* Integrate the V20.2 Why Us phone fix into the packaged build. */
@media(max-width:850px){
  .why-hero .wrap{grid-template-columns:1fr!important;gap:20px}
  .why-hero .hero-panel{width:100%;max-width:100%}
  .why-hero h1,.why-hero p{max-width:100%;overflow-wrap:normal;word-break:normal}
}

@media(max-width:720px){
  .utility{display:none}
  .site-header{background:#fff;border-bottom:1px solid #d8dfe4;position:sticky;top:0;z-index:82}
  .header-main{min-height:68px;padding-top:8px;padding-bottom:8px;gap:10px}
  .header-note{display:none}
  .brand{gap:10px;min-width:0}
  .brand-box{width:42px;height:42px;flex:0 0 42px;font-size:16px}
  .brand-box:after{left:8px;right:8px;bottom:6px}
  .brand-copy{min-width:0}
  .brand-copy strong{font-size:18px;white-space:nowrap}
  .brand-copy small{font-size:8px;margin-top:5px;white-space:nowrap}
  .navbar{display:none}
  .mobile-head-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto}
  .mobile-cart-btn,.mobile-menu-toggle{width:40px;height:40px;border:1px solid #c6d0d8;background:#fff;color:var(--navy);display:grid;place-items:center;position:relative}
  .mobile-cart-glyph{width:20px;height:20px;display:block}.mobile-cart-glyph svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-cart-btn .badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;background:var(--accent);font-size:9px;border:2px solid #fff}
  .mobile-menu-toggle{gap:4px;padding:10px}
  .mobile-menu-toggle span{display:block;width:18px;height:2px;background:var(--navy)}
  .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(7,20,34,.45);z-index:110;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
  .mobile-nav-overlay.open{opacity:1;visibility:visible}
  .mobile-nav-drawer{display:flex;position:fixed;right:0;top:0;bottom:0;width:min(84vw,340px);background:#fff;z-index:111;transform:translateX(104%);transition:transform .22s ease;flex-direction:column;box-shadow:-16px 0 42px rgba(8,22,38,.2)}
  .mobile-nav-drawer.open{transform:translateX(0)}
  .mobile-nav-head{min-height:78px;padding:15px 14px 13px 18px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .mobile-nav-head strong{display:block;font:700 20px Georgia,serif}.mobile-nav-head small{display:block;margin-top:4px;color:#cbd6e0;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
  .mobile-nav-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:26px;line-height:1}
  .mobile-nav-links{display:flex;flex-direction:column;padding:8px 0;overflow:auto}
  .mobile-nav-link{display:flex;align-items:center;min-height:51px;padding:0 20px;border-bottom:1px solid #e3e8eb;color:#23384d;font-size:14px;font-weight:700}
  .mobile-nav-link.active{color:var(--navy);background:#eef3f6;border-left:4px solid var(--accent);padding-left:16px}
  .mobile-language{margin-top:auto;padding:16px 18px 22px;border-top:1px solid #dbe2e7;background:#f7f9fa;display:grid;grid-template-columns:1fr 132px;align-items:center;gap:12px}
  .mobile-language>span{font-size:12px;font-weight:700;color:#526372}.mobile-language .lang-select{width:100%;height:38px;border:1px solid #b9c5ce;background:#fff;color:#17365d}
  .page-hero .wrap{padding-top:24px}
  .floating{z-index:65}
}

@media(max-width:420px){
  .wrap{padding-left:13px;padding-right:13px}
  .header-main{min-height:64px}
  .brand-box{width:39px;height:39px;flex-basis:39px}
  .brand-copy strong{font-size:17px}.brand-copy small{font-size:7.5px;letter-spacing:.08em}
  .mobile-cart-btn,.mobile-menu-toggle{width:38px;height:38px}
  .why-hero .wrap{padding-top:22px;padding-bottom:26px}
  .why-hero h1{font-size:30px;line-height:1.15}
  .why-hero .hero-panel{margin-top:4px}
}


/* V22 mobile navigation: keep the familiar horizontal page navigation,
   move language + cart into the brand header, and retire the hamburger drawer. */
.mobile-head-lang{display:none}
.wa-float{touch-action:none;user-select:none;-webkit-user-select:none}
.wa-float.wa-dragging{cursor:grabbing!important;transition:none!important}
.wa-float.wa-free-position{right:auto!important;bottom:auto!important;transform:none!important}

@media(max-width:720px){
  .site-header{position:sticky;top:0;z-index:84}
  .header-main{min-height:66px;padding-top:7px;padding-bottom:7px}
  .mobile-head-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
  .mobile-menu-toggle{display:none!important}
  .mobile-head-lang{display:block;width:54px;height:40px;border:1px solid #c6d0d8;background:#fff;color:var(--navy);padding:0 18px 0 8px;font-size:11px;font-weight:800;border-radius:0}
  .mobile-cart-btn{width:40px;height:40px}

  /* Keep Home / Products / Tools / COA / Why Us / Contact in their original nav row. */
  .navbar{display:block!important;position:sticky;top:66px;z-index:83;background:var(--navy)}
  .nav-inner{min-height:44px;display:block;padding:0!important;overflow:hidden}
  .nav-left{display:flex!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding:0 6px}
  .nav-left::-webkit-scrollbar{display:none}
  .nav-link{flex:0 0 auto;white-space:nowrap;padding:13px 12px;font-size:12px}
  .nav-right{display:none!important}

  /* Old V21 drawer remains inert for backwards-safe markup compatibility. */
  .mobile-nav-overlay,.mobile-nav-drawer{display:none!important}
  body.mobile-menu-lock{overflow:auto}

  /* Draggable WhatsApp control: no longer tied to a fixed left/bottom slot once moved. */
  .wa-float{cursor:grab}
  .wa-float.wa-free-position{border-radius:12px!important}
}

@media(max-width:420px){
  .header-main{min-height:62px}
  .navbar{top:62px}
  .mobile-head-lang{width:50px;height:38px;padding-left:7px;padding-right:16px}
  .mobile-cart-btn{width:38px;height:38px}
  .nav-link{padding:12px 10px;font-size:11px}
}


/* V23 Telegram floating contact */
.tg-float{position:fixed;left:14px;top:68%;transform:translateY(-50%);z-index:79;display:flex;align-items:center;gap:9px;background:#229ED9;color:#fff;text-decoration:none;border-radius:0 9px 9px 0;padding:10px 12px 10px 10px;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease;touch-action:none;user-select:none;-webkit-user-select:none}
.tg-float:hover{transform:translateY(-50%) translateX(3px);box-shadow:0 8px 24px rgba(0,0,0,.24)}
.tg-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px}.tg-icon svg{width:100%;height:100%}
.tg-copy{display:flex;flex-direction:column;line-height:1.12}.tg-copy b{font-size:11px}.tg-copy small{margin-top:3px;font-size:9px;color:#e9f7fd;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-mobile-label{display:none;font-size:10px;font-weight:700}
.tg-float.tg-dragging{cursor:grabbing!important;transition:none!important}.tg-float.tg-free-position{right:auto!important;bottom:auto!important;transform:none!important}
.cart-lock .tg-float{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:720px){
  .tg-float{left:8px;top:calc(34% + 82px);bottom:auto;transform:translateY(-50%);width:62px;height:72px;padding:7px 5px 6px;border-radius:12px;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.8);box-shadow:0 7px 22px rgba(0,0,0,.22);cursor:grab}
  .tg-float:hover{transform:translateY(-50%)}.tg-copy{display:none}.tg-mobile-label{display:block}.tg-float.tg-free-position{border-radius:12px!important}
}
@media(max-width:420px){.tg-float{width:58px;height:68px}.tg-icon{width:25px;height:25px;flex-basis:25px}.tg-mobile-label{font-size:9px}}

/* =========================================================
   V25 — biotech visual system
   Direction: deeper biotech blue, subtle molecular atmosphere,
   stronger corporate depth, while preserving catalog readability.
   ========================================================= */
:root{
  --navy:#0b2d55;
  --navy2:#061a34;
  --blue:#2f79b7;
  --ink:#122238;
  --muted:#607083;
  --line:#c9d6e2;
  --line2:#e5edf4;
  --paper:#ffffff;
  --bg:#edf4f9;
  --soft:#f4f8fb;
  --accent:#c4a45c;
  --success:#236b45;
  --ice:#d9eaff;
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(81,157,219,.11),transparent 29%),
    radial-gradient(circle at 88% 18%,rgba(17,81,144,.08),transparent 28%),
    linear-gradient(180deg,#edf4f9 0%,#f7fafc 42%,#edf4f9 100%);
}
.utility{
  background:#05182e;
  border-bottom:1px solid rgba(153,193,229,.16);
  color:#a8bdd1;
}
.utility-right b{color:#f1f7fc}
.dot{background:#5d87ad}
.site-header{
  background:linear-gradient(110deg,#071a33 0%,#0d3159 52%,#0a2748 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 28px rgba(4,22,42,.12);
}
.brand-box{
  background:linear-gradient(145deg,#174b7d,#071b35);
  color:#fff;
  border:1px solid rgba(194,222,245,.35);
  box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.06);
}
.brand-box:after{background:linear-gradient(90deg,#b99447,#e2c985)}
.brand-copy strong{color:#fff}
.brand-copy small{color:#a9c2da}
.header-note{color:#9db4ca}
.header-note b{color:#eef6fc}
.navbar{
  background:linear-gradient(90deg,#082340 0%,#0a3159 50%,#082340 100%);
  border-top:1px solid rgba(255,255,255,.06);
  box-shadow:0 7px 18px rgba(4,21,40,.13);
}
.nav-link{border-color:rgba(255,255,255,.08);color:#e8f1f8}
.nav-link:hover,.nav-link.active{
  background:linear-gradient(180deg,rgba(67,134,191,.45),rgba(37,91,139,.5));
  box-shadow:inset 0 -2px 0 #d2b66f;
}
.cart-top,.lang-select{border-color:rgba(166,202,232,.48)}
.cart-top{background:#f7fbff;color:#0a3159}
.badge{background:#0b3159}

/* Hero becomes the visual anchor. The generated background is original to this project. */
.page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#08294e;
  border-bottom:1px solid #173f66;
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url('biotech-bg.webp');
  background-size:cover;
  background-position:center;
  opacity:.52;
  filter:saturate(.88) contrast(.95);
}
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(4,22,44,.93) 0%,rgba(5,30,58,.84) 43%,rgba(6,35,68,.42) 72%,rgba(4,22,44,.55) 100%),
    radial-gradient(circle at 76% 30%,rgba(86,164,226,.18),transparent 32%);
}
.page-hero .wrap{padding-top:48px;padding-bottom:52px;position:relative}
.page-hero .eyebrow{color:#9fd2ff;letter-spacing:.14em}
.page-hero h1{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.22)}
.page-hero p{color:#ceddeb}
.rule{background:linear-gradient(90deg,#c3a257,#ead38f)}
.page-hero .btn{border-color:#d8e9f7;background:#f7fbff;color:#0b3158;box-shadow:0 9px 24px rgba(0,0,0,.14)}
.page-hero .btn.secondary{background:rgba(6,33,62,.62);color:#fff;border-color:rgba(188,218,242,.5);backdrop-filter:blur(8px)}
.page-hero .home-search{
  background:rgba(247,251,255,.94);
  border:1px solid rgba(190,217,238,.72);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  border-radius:8px;
}
.page-hero .home-search h2{color:#12375a}
.hero-panel{
  background:rgba(7,31,58,.72);
  border:1px solid rgba(165,205,237,.36);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  border-radius:10px;
  overflow:hidden;
}
.hero-panel-title{
  background:rgba(115,177,225,.13);
  border-bottom:1px solid rgba(181,213,237,.22);
  color:#fff;
  letter-spacing:.04em;
}
.hero-panel-row{border-bottom-color:rgba(181,213,237,.16)}
.hero-panel-row span{color:#b9ccdd}
.hero-panel-row b{color:#fff}

/* Light content sections keep long catalogs easy to scan, but gain more depth. */
.section{position:relative;padding:46px 0}
.section:not(.white){
  background:
    radial-gradient(circle at 0 10%,rgba(87,157,214,.08),transparent 24%),
    linear-gradient(180deg,rgba(238,246,251,.8),rgba(247,250,252,.88));
}
.section.white{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,249,252,.96));
  border-color:#d4e0e9;
}
.section-title{border-bottom-color:#1a5687}
.section-title h2{color:#10365a}
.eyebrow{color:#3376ab}
.feature,.stat-card,.confidence-card,.sidebar,.toolbar,.product-card,.tool-card,.docs-panel,.assurance-card,.assurance-footnote,.contact-assurance-grid,.price-table,.faq-list details,.contact-card,.contact-panel,.certificate-card{
  border-color:#c8d8e5!important;
  box-shadow:0 8px 24px rgba(25,63,96,.07);
}
.feature,.stat-card,.confidence-card,.toolbar,.product-card,.tool-card,.assurance-card,.contact-assurance-grid,.contact-card,.contact-panel,.certificate-card{
  background:rgba(255,255,255,.95);
}
.feature,.confidence-card{position:relative;overflow:hidden}
.feature:before,.confidence-card:before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,#1d5f94,#70add9 65%,#c9ad6b);
  opacity:.8;
}
.feature:hover,.confidence-card:hover,.product-card:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(20,59,91,.11);
  transition:transform .18s ease,box-shadow .18s ease;
}
.product-head,.tool-head,.side-title{
  background:linear-gradient(90deg,#eef6fb,#f9fbfd);
}
.code{background:#eaf3fa;border-color:#c9dbe8;color:#0d416d}
.az button.active,.az button:hover,.search-go,.btn{background:#0c3e69}
.btn{border-color:#0c3e69;border-radius:4px}
.btn.secondary{background:#fff;color:#0c3e69}
.home-confidence{background:linear-gradient(180deg,#f8fbfd,#edf5fa)!important}
.confidence-card-accent{background:linear-gradient(160deg,#fffdf7,#fff 58%)}

/* Footer gains the dark biotechnology finish instead of a plain strip. */
.footer{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#06182f,#0b3159 58%,#092643);
  border-top:1px solid #1c4a72;
  color:#b9cde0;
}
.footer:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('biotech-bg.webp');
  background-size:cover;
  background-position:center bottom;
  opacity:.08;
  pointer-events:none;
}
.footer .wrap{position:relative}
.footer-brand,.footer a{color:#fff}

/* Floating contacts harmonize with the deeper site palette without changing behavior. */
.wa-float,.tg-float{box-shadow:0 10px 30px rgba(4,23,43,.26)}

@media(max-width:720px){
  .site-header{background:linear-gradient(105deg,#071a33,#0b3159);border-bottom-color:rgba(255,255,255,.1)}
  .mobile-head-lang,.mobile-cart-btn{background:rgba(255,255,255,.96);border-color:rgba(184,211,233,.72)}
  .navbar{background:#082746}
  .page-hero .wrap{padding-top:34px;padding-bottom:38px}
  .page-hero:before{background-position:64% center;opacity:.42}
  .page-hero:after{background:linear-gradient(180deg,rgba(5,25,49,.94),rgba(6,35,67,.82))}
  .page-hero h1{font-size:34px;line-height:1.12}
  .page-hero p{color:#d2dfeb}
  .hero-panel{background:rgba(5,30,58,.68)}
  .section{padding:34px 0}
  .feature:hover,.confidence-card:hover,.product-card:hover{transform:none}
}

@media(max-width:420px){
  .page-hero h1{font-size:30px}
  .page-hero .wrap{padding-top:28px;padding-bottom:32px}
}


/* V26 trust-first homepage */
.home-trust-utility{background:#edf4fa;color:#48627a;border-bottom-color:#cbd9e5}
.home-trust-utility .utility-left span,.home-trust-utility .utility-right span{font-weight:700}
.home-trust-hero .wrap{align-items:center}
.home-trust-hero .home-hero-copy{min-width:0}
.home-trust-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.home-trust-line span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(148,190,226,.42);background:rgba(255,255,255,.08);color:#e9f5ff;font-size:11px;font-weight:800;letter-spacing:.01em;border-radius:999px}
.home-trust-hero .trust-panel{box-shadow:0 18px 44px rgba(2,16,35,.20)}
.home-trust-hero .trust-panel .hero-panel-row b{max-width:145px;text-align:right}
.trust-first-actions{justify-content:center;margin-top:24px}
.home-primary-action{min-width:250px;height:48px;padding:0 28px;font-size:14px;border-radius:4px;box-shadow:0 10px 24px rgba(4,29,56,.22)}
.home-primary-action:hover{transform:translateY(-1px)}
@media(max-width:720px){
  .home-trust-utility .wrap{min-height:34px;overflow-x:auto;white-space:nowrap;justify-content:flex-start}
  .home-trust-utility .utility-right{display:none}
  .home-trust-line{gap:6px;margin-top:16px}
  .home-trust-line span{font-size:10px;padding:5px 8px}
  .trust-first-actions{justify-content:center}
  .home-primary-action{width:min(100%,290px);height:48px;font-size:13px}
  .home-trust-hero .trust-panel{margin-top:18px}
}


/* =========================================================
   V26.1 — richer mobile biotech atmosphere
   Keeps the trust-first structure, but restores visual depth
   on narrow screens without placing decoration behind text.
   ========================================================= */
@media(max-width:720px){
  .home-trust-hero{
    background:#06284d;
  }
  .home-trust-hero:before{
    background-image:url('biotech-bg.webp'),url('biotech-bg.webp');
    background-repeat:no-repeat,no-repeat;
    background-size:auto 58%,auto 54%;
    background-position:-245px 42px,calc(100% + 235px) 265px;
    opacity:.72;
    filter:saturate(1.05) contrast(1.02);
  }
  .home-trust-hero:after{
    background:
      radial-gradient(circle at 92% 15%,rgba(82,175,244,.22),transparent 26%),
      radial-gradient(circle at 4% 82%,rgba(36,124,196,.20),transparent 30%),
      linear-gradient(180deg,rgba(4,24,48,.91) 0%,rgba(5,33,64,.83) 53%,rgba(6,39,73,.92) 100%);
  }
  .home-trust-hero .wrap:before{
    content:"";
    position:absolute;
    left:-12%;right:-12%;bottom:-72px;height:155px;
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(81,166,229,.22),rgba(17,77,130,.08) 44%,transparent 72%);
    filter:blur(3px);
  }
  .home-trust-hero .home-hero-copy,.home-trust-hero .trust-panel{position:relative;z-index:1}
  .home-trust-line span{background:rgba(7,43,78,.54);backdrop-filter:blur(6px)}
  .home-trust-hero .home-search{box-shadow:0 18px 42px rgba(1,15,31,.25),0 0 0 1px rgba(127,190,238,.08)}
  .home-trust-hero + .section{
    background:
      radial-gradient(circle at 100% 0,rgba(66,145,205,.11),transparent 25%),
      radial-gradient(circle at 0 28%,rgba(65,139,199,.08),transparent 28%),
      linear-gradient(180deg,#eaf4fa 0%,#f6f9fb 38%,#edf5fa 100%);
    border-top:1px solid rgba(91,145,189,.16);
  }
}
@media(max-width:420px){
  .home-trust-hero:before{
    background-size:auto 54%,auto 50%;
    background-position:-260px 64px,calc(100% + 248px) 330px;
    opacity:.68;
  }
}


/* =========================================================
   V27 — mobile fixed contact bar
   Desktop keeps draggable WhatsApp / Telegram floats.
   Mobile uses a bottom sales-contact bar to avoid covering content.
   ========================================================= */
.mobile-contact-bar{display:none}
@media(max-width:720px){
  body{padding-bottom:78px}
  .wa-float,.tg-float{display:none!important}
  .mobile-contact-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:96;
    display:grid;grid-template-columns:minmax(112px,1.15fr) 1fr 1fr;gap:7px;
    min-height:66px;padding:7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));
    background:linear-gradient(100deg,#051a33,#0a3159);
    border-top:1px solid rgba(151,194,229,.34);
    box-shadow:0 -8px 26px rgba(1,15,30,.24)
  }
  .mobile-contact-title{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 7px 0 4px;color:#fff;line-height:1.15}
  .mobile-contact-title strong{font-size:13px;letter-spacing:.02em;white-space:nowrap}
  .mobile-contact-title small{margin-top:5px;color:#9fb8d0;font-size:9px;white-space:nowrap}
  .mobile-contact-btn{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 7px;border-radius:7px;color:#fff;font-size:10px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.16)}
  .mobile-contact-btn svg{width:22px;height:22px;display:block;flex:0 0 22px}
  .mobile-contact-btn.wa{background:#20bd5a}
  .mobile-contact-btn.tg{background:#218fca}
  .mobile-contact-btn:active{transform:translateY(1px)}
  .cart-lock .mobile-contact-bar{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:390px){
  .mobile-contact-bar{grid-template-columns:minmax(100px,1.05fr) 1fr 1fr;gap:6px;padding-left:7px;padding-right:7px}
  .mobile-contact-title{padding-left:2px}
  .mobile-contact-title strong{font-size:12px}
  .mobile-contact-title small{font-size:8px}
  .mobile-contact-btn{gap:4px;font-size:9px}
  .mobile-contact-btn svg{width:20px;height:20px;flex-basis:20px}
}
@media print{.mobile-contact-bar{display:none!important}body{padding-bottom:0!important}}

/* =========================================================
   V27.2 — desktop contact float default stack
   Reset browser position cache in site.js for this release.
   Desktop default: WhatsApp with Telegram directly underneath.
   Mobile keeps the V27 fixed bottom contact bar.
   ========================================================= */
@media (min-width:721px){
  .wa-float:not(.wa-free-position){
    left:14px!important;
    top:48%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  .tg-float:not(.tg-free-position){
    left:14px!important;
    top:calc(48% + 62px)!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  .wa-float:not(.wa-free-position):hover,
  .tg-float:not(.tg-free-position):hover{
    transform:translateY(-50%) translateX(3px)!important;
  }
}