.ct-page{--ct-ease:cubic-bezier(.16, 1, .3, 1);padding-bottom:160px;overflow-x:clip}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ct-banner-wrap{padding-top:104px}.ct-banner{isolation:isolate;border-radius:32px;align-items:center;min-height:340px;padding:56px 64px;display:flex;position:relative;overflow:hidden}.ct-banner-copy{z-index:2;max-width:560px;position:relative}.ct-banner h1{letter-spacing:-.034em;color:#191f28;font-size:42px;font-weight:560;line-height:1.3}.ct-banner p{color:#4e5968;letter-spacing:-.02em;margin-top:14px;font-size:16.5px;font-weight:400;line-height:1.6}.ct-search{-webkit-backdrop-filter:blur(12px);color:#8b95a1;background:#ffffffd1;border-radius:14px;align-items:center;gap:10px;max-width:460px;height:54px;margin-top:28px;padding:0 18px;display:flex;box-shadow:inset 0 0 0 1px #ffffffe6,0 12px 30px -16px #0f172a4d}.ct-search:focus-within{background:#fff;box-shadow:inset 0 0 0 1.5px #191f28,0 12px 30px -16px #0f172a4d}.ct-search input{min-width:0;font:inherit;color:#191f28;letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;font-size:15.5px}.ct-search input::placeholder{color:#a3abb5}.ct-suggest{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:14px;font-size:13.5px;display:flex}.ct-suggest span{color:#8b95a1;margin-right:2px;font-weight:500}.ct-suggest button{font:inherit;color:#4e5968;letter-spacing:-.02em;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:2px 0;font-size:13.5px;font-weight:500;text-decoration:underline #4e59684d;transition:color .2s,text-decoration-color .2s}.ct-suggest button:hover{color:#191f28;text-decoration-color:#191f28}.ct-query{flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 18px;display:flex}.ct-query[hidden]{display:none}.ct-query-label{color:#8b95a1;margin-right:4px;font-size:13px;font-weight:500}.ct-query-chip{color:#191f28;letter-spacing:-.02em;background:linear-gradient(135deg,#e2e7eed9 0%,#eef1f573 55%,#f8f9fb00 100%);border-radius:9px;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:560;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #0f172a0f}.ct-query-clear{font:inherit;color:#8b95a1;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0 4px;font-size:13px;text-decoration:underline}.ct-query-clear:hover{color:#191f28}.ct-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.ct-banner-down{z-index:1;filter:drop-shadow(0 18px 30px #0f172a38);pointer-events:none;width:46%;max-width:560px;position:absolute;bottom:-22%;right:-2%}.ct-toolbar-wrap{z-index:20;-webkit-backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #eef0f2;margin-top:40px;position:sticky;top:72px}.ct-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.ct-tabs{background:#f2f4f6;border-radius:12px;gap:2px;padding:4px;display:flex}.ct-tab{height:36px;font:inherit;color:#6b7684;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:0 16px;font-size:14.5px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.ct-tab:hover{color:#191f28}.ct-tab.is-active{color:#191f28;background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a1a}.ct-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex;position:relative}.ct-chip-group{gap:6px;display:flex}.ct-chip{height:36px;font:inherit;color:#4e5968;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e8eb;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.ct-chip:hover{color:#191f28;border-color:#c9cdd2}.ct-chip.is-active{color:#fff;background:#191f28;border-color:#191f28}.ct-chip i,.ct-swatches i{background:radial-gradient(circle at 34% 28%, #ffffffe6 0%, #fff0 55%), var(--sw);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0f172a38,0 1px 2px #0f172a2e}.ct-sort{flex-shrink:0;position:relative}.ct-sort select{-webkit-appearance:none;appearance:none;height:36px;font:inherit;color:#333d4b;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/12px no-repeat,#fff;border:1px solid #e5e8eb;border-radius:10px;padding:0 34px 0 12px;font-size:13.5px;font-weight:500}.ct-list-wrap{padding-top:28px}.ct-count{color:#8b95a1;margin-bottom:18px;font-size:14px}.ct-count strong{color:#191f28;font-weight:600}.ct-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.ct-card{transition:transform .3s var(--ct-ease), box-shadow .3s var(--ct-ease);background:#fff;border:none;border-radius:26px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 22px -12px #0f172a14}.ct-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px #0f172a1f}.ct-card.is-selected{box-shadow:0 0 0 1.5px #8b95a1,0 12px 28px -12px #0f172a24}.ct-card[hidden]{display:none}.ct-thumb{aspect-ratio:16/10.5;isolation:isolate;display:block;position:relative;overflow:hidden}.ct-thumb-product{z-index:2;object-fit:contain;filter:drop-shadow(0 16px 22px #0a0e1638);width:40%;max-height:66%;transition:transform .5s var(--ct-ease);position:absolute;top:10%;left:50%;transform:translate(-50%)}.ct-thumb-dim{z-index:3;background:linear-gradient(#0c101714 0%,#0c10171f 50%,#0a0e1457 100%);position:absolute;inset:0}.ct-thumb-down{z-index:4;object-fit:contain;filter:brightness(1.04)drop-shadow(0 10px 18px #0000004d);width:68%;transition:transform .5s var(--ct-ease);position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.ct-card:hover .ct-thumb-product{transform:translate(-50%)translateY(-3px)scale(1.03)}.ct-card:hover .ct-thumb-down{transform:translate(-50%)translateY(-4px)scale(1.03)}.ct-body{flex-direction:column;flex:1;padding:22px 24px;display:flex}.ct-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ct-title-row h2{color:#4e5968;letter-spacing:-.02em;font-size:16px;font-weight:500}.ct-title-row h2 a{color:inherit;text-decoration:none}.ct-title-row h2 a:hover{color:#191f28}.ct-swatches{gap:4px;display:inline-flex}.ct-swatches i{width:14px;height:14px}.ct-grade{align-items:baseline;gap:10px;margin-top:6px;display:flex}.ct-grade span{color:#8b95a1;font-size:13px;font-weight:500}.ct-grade strong{letter-spacing:-.03em;color:#191f28;font-variant-numeric:tabular-nums;font-size:30px;font-weight:560;line-height:1.2}.ct-specs{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;display:grid}.ct-specs>div{background:linear-gradient(135deg,#e2e7eed9 0%,#eef1f573 55%,#f8f9fb00 100%);border-radius:12px;flex-direction:column-reverse;gap:2px;min-width:0;padding:10px 12px 11px;display:flex;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #0f172a0d}.ct-specs dt{color:#8b95a1;white-space:nowrap;font-size:11.5px;font-weight:500}.ct-specs dd{color:#191f28;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:14.5px;font-weight:560;overflow:hidden}.ct-meta{color:#8b95a1;letter-spacing:-.015em;margin-top:14px;font-size:12.5px;line-height:1.5}.ct-actions{grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:auto;padding-top:18px;display:grid}.ct-btn{height:44px;font:inherit;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s;display:inline-flex}.ct-btn:disabled{opacity:.4;cursor:default}.ct-btn-ghost{color:#333d4b;background:#fff;box-shadow:inset 0 0 0 1px #e5e8eb}.ct-btn-ghost:hover{box-shadow:inset 0 0 0 1px #c9cdd2}.ct-btn-ghost.is-on{color:#191f28;box-shadow:inset 0 0 0 1.5px #191f28}.ct-check{border-radius:5px;place-items:center;width:16px;height:16px;transition:background-color .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1.5px #c9cdd2}.is-on .ct-check{box-shadow:none;background:#191f28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2L5 8.5L9.5 3.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat}.ct-btn-solid{color:#fff;background:#191f28}.ct-btn-solid:hover:not(:disabled){background:#333d4b}.ct-btn-solid [data-label-on],.ct-btn-solid.is-on [data-label-off]{display:none}.ct-btn-solid.is-on [data-label-on]{display:inline}.ct-btn-solid.is-on{color:#191f28;background:#f2f4f6}.ct-btn-block{width:100%;height:52px;font-size:15.5px}.ct-empty{text-align:center;color:#8b95a1;flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.ct-dock{z-index:50;opacity:0;transition:transform .4s var(--ct-ease), opacity .3s ease;position:fixed;bottom:24px;left:50%;transform:translate(-50%,24px)}.ct-dock.is-show{opacity:1;transform:translate(-50%)}.ct-dock-inner{-webkit-backdrop-filter:blur(16px);background:#191f28f0;border-radius:20px;align-items:center;gap:14px;padding:10px 10px 10px 12px;display:flex;box-shadow:0 24px 56px -18px #0f172a99}.ct-dock-compare{align-items:center;gap:12px;display:flex}.ct-dock-slots{gap:6px;display:flex}.ct-slot{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:flex-end;width:76px;height:48px;padding:0;display:flex;position:relative;overflow:hidden}.ct-slot img{object-fit:contain;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:4px 8px 12px}.ct-slot span{z-index:1;color:#fff;background:#0f141c8c;width:100%;padding:2px 0;font-size:11px;font-weight:600;position:relative}.ct-slot.is-empty{cursor:default;border:1px dashed #ffffff38}.ct-dock-divider{background:#ffffff24;width:1px;height:32px}.ct-btn-ghost-dark{color:#fff;background:#ffffff1a}.ct-btn-ghost-dark:hover:not(:disabled){background:#ffffff2e}.ct-btn-white{color:#191f28;background:#fff}.ct-btn-white:hover:not(:disabled){background:#f2f4f6}.ct-dock-num{color:#ffffff80;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:500}.ct-quote-btn{gap:10px;padding:0 18px 0 20px}.ct-quote-btn .ct-dock-num{color:#8b95a1}.ct-dock-sep{background:#0f172a24;width:1px;height:14px}.ct-quote-btn svg{color:#4e5968;transition:transform .25s var(--ct-ease)}.ct-quote-btn:hover:not(:disabled) svg{transform:translate(3px)}.ct-modal{z-index:80;background:#0f141c00;place-items:center;padding:24px;transition:background-color .26s;display:grid;position:fixed;inset:0}.ct-modal[hidden]{display:none}.ct-modal.is-open{background:#0f141c75}.ct-sheet{opacity:0;width:min(960px,100%);max-height:calc(100svh - 48px);transition:transform .36s var(--ct-ease), opacity .26s ease;background:#fff;border-radius:26px;flex-direction:column;display:flex;transform:translateY(20px);box-shadow:0 32px 80px -24px #0f172a80}.ct-modal.is-open .ct-sheet{opacity:1;transform:translateY(0)}.ct-sheet-narrow{width:min(460px,100%)}.ct-sheet-narrow .ct-sheet-head{padding:22px 24px 14px}.ct-sheet-narrow .ct-sheet-head h2{font-size:19px}.ct-sheet-narrow .ct-sheet-body{padding:0 24px 24px}.ct-sheet-head{justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.ct-sheet-head h2{letter-spacing:-.03em;font-size:22px;font-weight:560}.ct-close{color:#4e5968;cursor:pointer;background:#f2f4f6;border:none;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.ct-close:hover{color:#191f28;background:#e5e8eb}.ct-close-sm{background:0 0;border-radius:9px;width:30px;height:30px}.ct-sheet-body{overscroll-behavior:contain;padding:0 28px 26px;overflow-y:auto}.ct-compare-scroll{overflow-x:auto}.ct-compare{border-collapse:collapse;table-layout:fixed;width:100%;min-width:560px}.ct-compare thead th{vertical-align:bottom;border-bottom:1.5px solid #191f28;padding:0 12px 18px;font-weight:400}.ct-compare thead th:first-child,.ct-compare tbody th{text-align:left;width:22%}.ct-compare-head{flex-direction:column;align-items:center;gap:4px;display:flex}.ct-compare-thumb{aspect-ratio:16/10;border-radius:14px;place-items:center;width:100%;max-width:180px;margin-bottom:10px;display:grid;overflow:hidden}.ct-compare-thumb img{object-fit:contain;filter:drop-shadow(0 8px 14px #00000040);width:78%;height:78%}.ct-compare-head span{color:#6b7684;font-size:13.5px}.ct-compare-head strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:560}.ct-compare tbody th,.ct-compare tbody td{letter-spacing:-.02em;border-bottom:1px solid #e5e8eb;padding:16px 12px;font-size:15px}.ct-compare tbody th{color:#4e5968;font-weight:400}.ct-compare tbody td{text-align:center;color:#191f28;font-variant-numeric:tabular-nums;font-weight:500}.ct-sheet-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.ct-sheet-foot p{color:#8b95a1;font-size:13px}.ct-quote-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ct-quote-list li{background:#f7f8fa;border-radius:16px;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;padding:10px;display:grid}.ct-quote-thumb{border-radius:11px;place-items:center;width:64px;height:48px;display:grid;overflow:hidden}.ct-quote-thumb img{object-fit:contain;width:80%;height:80%}.ct-quote-name{flex-direction:column;gap:2px;min-width:0;display:flex}.ct-quote-name span{color:#6b7684;font-size:13px}.ct-quote-name strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:560}.ct-qty{color:#8b95a1;align-items:center;gap:6px;font-size:13px;display:flex}.ct-qty input{width:86px;height:38px;font:inherit;text-align:right;color:#191f28;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #e5e8eb;border-radius:10px;outline:none;padding:0 10px;font-size:15px;font-weight:600}.ct-qty input:focus,.ct-field input:focus,.ct-field textarea:focus{border-color:#6b7684;box-shadow:0 0 0 3px #4e59681f}.ct-quote-form{border-top:1px solid #eef0f2;flex-direction:column;gap:12px;margin-top:22px;padding-top:22px;display:flex}.ct-form-row{grid-template-columns:1fr;gap:12px;display:grid}.ct-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ct-field span{color:#6b7684;font-size:12.5px;font-weight:500}.ct-field input,.ct-field textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#191f28;resize:vertical;background:#fff;border:1px solid #e5e8eb;border-radius:12px;outline:none;padding:12px 14px;font-size:15px}.ct-consent{color:#4e5968;cursor:pointer;align-items:center;gap:8px;margin:4px 0 6px;font-size:13.5px;display:inline-flex}.ct-consent input{accent-color:#4e5968;width:16px;height:16px}.ct-submit{width:100%;height:54px;box-shadow:none;font:inherit;color:#8b95a1;letter-spacing:-.02em;cursor:pointer;transition:background-color .2s ease, color .2s ease, transform .2s var(--ct-ease), box-shadow .2s var(--ct-ease);background:#e5e8eb;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:15.5px;font-weight:600;display:inline-flex}.ct-submit.is-ready{color:#fff;background:#4e5968;box-shadow:0 10px 22px -12px #333d4b73}.ct-submit.is-ready:hover:not(:disabled){background:#3d4654;transform:translateY(-1px);box-shadow:0 14px 26px -12px #333d4b85}.ct-submit[data-submitting=true]{color:#fff;opacity:.72;cursor:wait;background:#4e5968}.ct-submit-num{opacity:.78;font-variant-numeric:tabular-nums;font-weight:500}.ct-done{flex-direction:column;align-items:flex-start;gap:8px;padding:28px 0 8px;display:flex}.ct-done strong{letter-spacing:-.025em;font-size:20px;font-weight:560}.ct-done p{color:#4e5968;font-size:15px;line-height:1.6}.ct-done .ct-done-note{color:#8b95a1;margin-bottom:14px;font-size:13px}.ct-toast{z-index:90;color:#fff;opacity:0;pointer-events:none;background:#191f28;border-radius:12px;padding:12px 18px;font-size:14px;transition:opacity .25s,transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:112px;left:50%;transform:translate(-50%,8px);box-shadow:0 18px 40px -14px #0f172a80}.ct-toast.is-show{opacity:1;transform:translate(-50%)}@media screen and (width<=1100px){.ct-toolbar{flex-direction:column;align-items:stretch}.ct-filters{justify-content:flex-start}.ct-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=767px){.ct-page{padding-bottom:140px}.ct-banner-wrap{padding-top:76px}.ct-banner{border-radius:24px;min-height:0;padding:32px 20px 28px}.ct-banner-copy{width:100%;min-width:0;max-width:100%}.ct-banner h1{font-size:clamp(1.4375rem,6.4vw,1.75rem);line-height:1.32}.ct-banner p{max-width:82%;font-size:14.5px}.ct-search{box-sizing:border-box;width:100%;max-width:100%;height:48px;margin-top:20px;padding:0 14px}.ct-search svg{flex-shrink:0}.ct-search input{text-overflow:ellipsis;width:100%;min-width:0;font-size:16px}.ct-banner-down{opacity:1;filter:brightness(1.03)contrast(1.08)drop-shadow(0 10px 16px #0f172a52)drop-shadow(0 2px 4px #0f172a2e);width:60%;top:-4%;bottom:auto;right:-14%}.ct-toolbar-wrap{margin-top:24px;top:58px}.ct-toolbar{gap:10px;padding:10px 0}.ct-tabs,.ct-filters{scrollbar-width:none;flex-wrap:nowrap;margin:0 -4%;padding-left:4%;padding-right:4%;overflow-x:auto}.ct-tabs{margin:0;padding:4px}.ct-tab{flex:1;padding:0 10px;font-size:13.5px}.ct-chip{height:34px;padding:0 12px;font-size:13px}.ct-grid{grid-template-columns:1fr;gap:14px}.ct-card{border-radius:22px}.ct-body{padding:18px}.ct-grade strong{font-size:26px}.ct-specs>div{border-radius:10px;padding:9px 9px 10px}.ct-specs dd{letter-spacing:-.03em;font-size:13px}.ct-specs dt{font-size:11px}.ct-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(24px)}.ct-dock.is-show{transform:translateY(0)}.ct-dock-inner{box-sizing:border-box;gap:8px;width:100%;padding:8px}.ct-dock-slots,.ct-dock-divider{display:none}.ct-dock-compare{flex:1;min-width:0}.ct-dock .ct-btn{flex:1;min-width:0;height:46px;padding:0 10px;font-size:14px}.ct-dock-compare .ct-btn{width:100%}.ct-search input,.ct-qty input,.ct-field input,.ct-field textarea,.ct-sort select{font-size:16px}.ct-modal{align-items:end;padding:0}.ct-sheet,.ct-sheet-narrow{border-radius:24px 24px 0 0;width:100%;max-height:88svh}.ct-sheet-head{padding:20px 20px 12px}.ct-sheet-body{padding:0 20px 24px}.ct-quote-list li{grid-template-columns:52px 1fr auto;gap:10px}.ct-quote-list li .ct-close-sm{grid-area:1/3;place-self:start end}.ct-quote-list li .ct-qty{grid-column:2/4}.ct-quote-thumb{width:52px;height:42px}.ct-form-row{grid-template-columns:1fr}}
