@media (min-width:1025px){
header.cadh-demo nav li.cadn-shop>a{display:inline-flex;align-items:center;gap:5px}
header.cadh-demo nav li.cadn-shop>a:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7;transition:transform .25s}
header.cadh-demo nav li.cadn-shop.op>a:after{transform:rotate(-135deg) translateY(-1px)}
.cadn-bar{position:fixed;left:0;right:0;z-index:998;background:#fff;border-bottom:1px solid #e8e8ed;font-family:Roboto,Arial,sans-serif;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s .26s}
.cadn-bar.on{opacity:1;transform:none;visibility:visible;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1)}
.cadn-bar .in{max-width:1240px;margin:0 auto;height:64px;display:flex;align-items:center;gap:30px;padding:0 24px}
.cadn-bar .of{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff!important;border-radius:14px;padding:9px 16px 9px 12px;text-decoration:none!important;min-width:250px;box-shadow:0 4px 14px rgba(37,99,235,.28)}
.cadn-bar .of i{font-style:normal;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:15px}
.cadn-bar .of small{display:block;font:600 10.5px/1.2 Roboto,Arial,sans-serif;letter-spacing:.06em;color:#ffd54a}
.cadn-bar .of b{display:block;font:600 13.5px/1.25 Roboto,Arial,sans-serif;color:#fff}
.cadn-bar .ct{display:inline-flex;align-items:center;gap:8px;color:#1d1d1f!important;text-decoration:none!important;font:500 14px Roboto,Arial,sans-serif;opacity:.85;transition:opacity .2s}
.cadn-bar .ct:hover{opacity:1;color:#0066cc!important}
.cadn-bar .ct img{width:22px;height:22px;object-fit:contain}
.cadn-bar .all{margin-left:auto;font:600 13px Roboto,Arial,sans-serif;color:#0066cc!important;text-decoration:none!important}
.cadn2-tg{display:none!important}
.cadn-mm{position:fixed;left:16px;right:16px;z-index:997;transform:translateY(-6px);background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.05);font-family:Roboto,Arial,sans-serif;color:#1d1d1f;opacity:0;visibility:hidden;transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s .24s;max-height:calc(100vh - 140px);overflow:auto}
.cadn-mm.on{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1)}
.cadn-mm .b{padding:26px 30px 8px}
.cadn-mm .g{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:22px 34px}
.cadn-mm h5{font:500 12px Roboto,Arial,sans-serif;color:#86868b;margin:0 0 12px;grid-column:1/-1}
.cadn-mm .col.two{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-content:start}
.cadn-mm .col>a{display:block;padding:6px 0;text-decoration:none!important;color:#1d1d1f!important;font:500 15px/1.25 Roboto,Arial,sans-serif}
.cadn-mm .col>a small{display:block;font:400 12px Roboto,Arial,sans-serif;color:#86868b;margin-top:2px}
.cadn-mm .col>a:hover{color:#0066cc!important}
.cadn-mm .fp{display:flex!important;align-items:center;gap:12px}
.cadn-mm .fp img{width:46px;height:46px;object-fit:contain;flex:0 0 46px;mix-blend-mode:multiply}
.cadn-mm .fp b{display:block;font:500 13px/1.3 Roboto,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cadn-mm .fp em{font-style:normal;font-size:11.5px;color:#86868b}
.cadn-mm .sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 30px}
.cadn-mm .sw .hd{display:flex;align-items:center;gap:10px;font:600 15.5px Roboto,Arial,sans-serif;color:#1d1d1f!important;text-decoration:none!important;padding-bottom:8px}
.cadn-mm .sw .hd img{width:26px;height:26px;object-fit:contain}
.cadn-mm .sw .vl a{display:block;padding:3px 0 3px 36px;font:400 13px/1.35 Roboto,Arial,sans-serif;color:#424245!important;text-decoration:none!important}
.cadn-mm .sw .vl a:hover{color:#0066cc!important}
.cadn-mm .bdg{font-style:normal;display:inline-block;margin-left:4px;padding:1px 5px;border-radius:999px;background:#fff1e8;color:#e8420c;font-size:9px;font-weight:600;vertical-align:2px}
.cadn-mm .of{margin:22px 0 4px;padding-top:16px;border-top:1px solid #e8e8ed}
.cadn-mm .of .t{font:600 13px Roboto,Arial,sans-serif;margin:0 0 12px}
.cadn-mm .mq{overflow:hidden;padding-top:8px;margin-top:-8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.cadn-mm .run{display:flex;gap:10px;width:max-content;animation:cadNMQ var(--d,28s) linear infinite}
.cadn-mm .mq:hover .run{animation-play-state:paused}
@keyframes cadNMQ{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cadn-mm .run a{position:relative;flex:0 0 290px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #ececf0;border-radius:14px;padding:12px 14px;text-decoration:none!important;color:#1d1d1f!important}
.cadn-mm .run a:hover{border-color:#e8420c}
.cadn-mm .run .im{flex:0 0 68px;height:68px;border-radius:12px;background:#f5f5f7;display:flex;align-items:center;justify-content:center}
.cadn-mm .run .im img{max-width:88%;max-height:88%;object-fit:contain;mix-blend-mode:multiply}
.cadn-mm .run .nm{display:block;font:600 15px Roboto,Arial,sans-serif}
.cadn-mm .run .pr{display:block;font:700 15px Roboto,Arial,sans-serif;margin-top:4px}
.cadn-mm .run .pr s{font-weight:400;font-size:12px;color:#86868b;margin-left:4px}
.cadn-mm .run .bd{position:absolute;top:-7px;left:8px;background:#e8420c;color:#fff;font:700 11px/1 Roboto,Arial,sans-serif;padding:4px 8px;border-radius:999px}
.cadn-mm .ft{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 30px;margin-top:14px;background:#f5f5f7}
.cadn-mm .ft b{display:block;font:600 13px Roboto,Arial,sans-serif}.cadn-mm .ft span{font-size:12px;color:#6e6e73}
.cadn-mm .ft a{background:#1d1d1f;color:#fff!important;text-decoration:none!important;border-radius:999px;padding:9px 16px;font:600 13px Roboto,Arial,sans-serif;white-space:nowrap}
.cadn-bar .ct.cur{color:#0066cc!important;opacity:1}
}.ap section.cadmix-doors{padding:80px 22px 24px!important;background:#fff;font-family:Roboto,Arial,sans-serif}
.cadmix-in{max-width:1240px;margin:0 auto}
.cadmix-h{font:600 40px/1.1 Roboto,Arial,sans-serif;letter-spacing:-.022em;color:#1d1d1f;margin:0 0 8px;text-align:center}
.cadmix-s{font:400 19px/1.4 Roboto,Arial,sans-serif;color:#6e6e73;margin:0 0 36px;text-align:center}
.cadmix-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cadmix-d{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;border-radius:24px;overflow:hidden;text-decoration:none!important;background:#f5f5f7;color:#1d1d1f!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cadmix-d:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.14)}
.cadmix-d .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.cadmix-d.ph .bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.82))}
.cadmix-d.ph{color:#fff!important}
.cadmix-d.pr .bg{background-color:#f5f5f7;background-blend-mode:multiply;background-size:auto 46%;background-repeat:no-repeat;background-position:center 16%}
.cadmix-d .tx{position:relative;padding:28px 28px 30px;text-align:left!important}
.cadmix-d small{display:block;font:600 12px Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:8px}
.cadmix-d b{display:block;font:600 30px/1.1 Roboto,Arial,sans-serif;letter-spacing:-.02em}
.cadmix-d p{font:400 15.5px/1.45 Roboto,Arial,sans-serif;margin:10px 0 16px;opacity:.9;max-width:26em}
.cadmix-d span.go{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:#fff;color:#1d1d1f;font:600 14px Roboto,Arial,sans-serif}
.cadmix-d.pr span.go{background:#1d1d1f;color:#fff}
.ap section.cadmix-d .cert-w{position:absolute;left:0;right:0;top:0;height:58%;display:flex;align-items:center;justify-content:center;perspective:900px}
.cadmix-d .cert,.cadap-t .cert{position:relative;width:62%;aspect-ratio:1.414/1;background:linear-gradient(135deg,#fff,#fbfbfd);border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);transform:rotate(-4deg) rotateX(6deg);padding:7% 8%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;outline:1px solid #e6dcc3;outline-offset:-7px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cadmix-d:hover .cert,.cadap-t:hover .cert{transform:rotate(-2deg) rotateX(0) translateY(-4px)}
.cadmix-d .cert img,.cadap-t .cert img{width:46%;filter:invert(1);margin:2% 0 7%}
.cadmix-d .cert .c1,.cadap-t .cert .c1{font:700 10px/1.2 Roboto,Arial,sans-serif;letter-spacing:.14em;color:#1d1d1f;text-align:center}
.cadmix-d .cert .c2,.cadap-t .cert .c2{font:500 9.5px Roboto,Arial,sans-serif;color:#86868b;margin-top:5px}
.cadmix-d .cert .c3,.cadap-t .cert .c3{display:block;width:70%;height:3px;border-radius:3px;background:#ececf0;margin-top:9%}
.cadmix-d .cert .c3.s,.cadap-t .cert .c3.s{width:50%;margin-top:5px}
.cadmix-d .cert .sg,.cadap-t .cert .sg{position:absolute;left:12%;bottom:14%;width:24%;height:1px;background:#c7c7cc}
.cadmix-d .cert .seal,.cadap-t .cert .seal{position:absolute;right:10%;bottom:9%;width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d27a,#c9972c);color:#fff;font:700 12px Roboto,Arial,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(201,151,44,.45)}
.cadmix-ap .cadmix-in{display:flex;flex-direction:column;gap:14px}
.cadap-t{border-radius:28px;background:#f5f5f7;overflow:hidden;text-align:center;padding:56px 24px 0;min-height:560px;display:flex;flex-direction:column;align-items:center}
.cadap-t.dk{background:#111;color:#f5f5f7}
.cadap-t small{display:block;font:600 13px Roboto,Arial,sans-serif;letter-spacing:.06em;color:#86868b;text-transform:uppercase;margin-bottom:8px}
.cadap-t h3{font:600 48px/1.08 Roboto,Arial,sans-serif;letter-spacing:-.025em;margin:0;color:inherit}
.cadap-t p{font:400 21px/1.38 Roboto,Arial,sans-serif;color:#6e6e73;margin:10px auto 18px;max-width:36em}
.cadap-t.dk p{color:#a1a1a6}
.cadap-t .ln{display:flex;gap:22px;justify-content:center;align-items:center}
.cadap-t .ln a.f{background:#0071e3;color:#fff!important;border-radius:999px;padding:10px 20px;font:500 16px Roboto,Arial,sans-serif;text-decoration:none!important}
.cadap-t .ln a.s{color:#0066cc!important;font:500 17px Roboto,Arial,sans-serif;text-decoration:none!important}
.cadap-t.dk .ln a.s{color:#2997ff!important}
.cadap-t .md{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;margin-top:30px}
.cadap-t .boxes{display:flex;gap:18px;align-items:flex-end;justify-content:center;margin-bottom:-16px}
.cadap-t .boxes img{height:250px;width:auto;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cadap-t .boxes img:nth-child(odd){height:280px}
.cadap-t:hover .boxes img{margin-bottom:6px}.cadap-t .boxes img{transition:margin .4s}
.cadap-t .hwr{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0}
.cadap-t .hwr img{mix-blend-mode:multiply}
.cadap-t .hwr .mon{height:290px;margin-right:-30px}
.cadap-t .hwr .lap{height:220px;position:relative;z-index:2;margin-bottom:-6px}
.cadap-t .hwr .tow{height:250px;margin-left:-20px}
.cadap-t.ed .cert-w{position:relative;height:300px;width:100%;display:flex;align-items:center;justify-content:center;perspective:900px}
.cadap-t.ed .cert{width:min(440px,70%)}
.cadap-t.ed .cert .seal{width:11%;font-size:14px}.cadap-t.ed .cert .c1{font-size:14px}.cadap-t.ed .cert .c2{font-size:12px}
.cadmix-now{padding:20px 22px 70px!important;background:#fff;font-family:Roboto,Arial,sans-serif}
.cadmix-now .t{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 14px}
.cadmix-now .t b{font:600 22px Roboto,Arial,sans-serif;color:#1d1d1f}
.cadmix-now .t a{font:500 14px Roboto,Arial,sans-serif;color:#0066cc!important;text-decoration:none!important}
.cadmix-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);padding-top:8px}
.cadmix-run{display:flex;gap:12px;width:max-content;animation:cadMixMQ var(--d,30s) linear infinite}
.cadmix-mq:hover .cadmix-run{animation-play-state:paused}
@keyframes cadMixMQ{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cadmix-run a{position:relative;flex:0 0 300px;display:flex;align-items:center;gap:14px;background:#f5f5f7;border-radius:18px;padding:14px 16px;text-decoration:none!important;color:#1d1d1f!important}
.cadmix-run .im{flex:0 0 76px;height:76px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center}
.cadmix-run .im img{max-width:86%;max-height:86%;object-fit:contain}
.cadmix-run .nm{display:block;font:600 16px Roboto,Arial,sans-serif}
.cadmix-run .pc{display:block;font:700 16px Roboto,Arial,sans-serif;margin-top:4px}
.cadmix-run .pc s{font-weight:400;font-size:12.5px;color:#86868b;margin-left:5px}
.cadmix-run .bd{position:absolute;top:-7px;left:10px;background:#e8420c;color:#fff;font:700 11px/1 Roboto,Arial,sans-serif;padding:4px 8px;border-radius:999px}
.cadmix-tg{position:fixed;left:16px;bottom:16px;z-index:100000;background:#1d1d1f;color:#fff;border:0;border-radius:999px;padding:10px 16px;font:600 12.5px Roboto,Arial,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
@media (max-width:900px){.cadmix-g{grid-template-columns:1fr}.cadmix-d{min-height:340px}.cadmix-h{font-size:30px}}