.ccb{--ink:#333e48;--ink-2:#5c6772;--muted:#878787;--main:#fed700;--main-dk:#e7c300;--soft:#fffbe6;--bg:#fff;--surface:#f5f5f5;--line:#ddd;--line-2:#ececec;--r:8px;--s1:4px;--s2:6px;--s3:10px;--s4:14px;--s5:18px;--s6:26px;--s7:36px;--f:'Inter',sans-serif;--e:cubic-bezier(.22,.8,.24,1)}.ccb *,.ccb *::before,.ccb *::after{box-sizing:border-box}.ccb{font-family:var(--f);font-size:14px;line-height:1.5;color:var(--ink)}.ccb .w{max-width:1240px;margin:0 auto;padding:0 var(--s6)}@media(max-width:640px){.ccb .w{padding:0 var(--s4)}}.ccb .rv{opacity:0;transform:translateY(14px);transition:opacity .5s var(--e),transform .5s var(--e)}.ccb .rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ccb .rv{opacity:1;transform:none;transition:none}.ccb *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ccb .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2)}.ccb h1{font-family:var(--f);font-weight:600;font-size:clamp(26px,4.2vw,42px);line-height:1.12;letter-spacing:-.02em;margin:0 0 var(--s3);color:var(--ink);text-wrap:balance}.ccb h1 em{font-style:normal;position:relative;white-space:nowrap}.ccb h1 em::after{content:'';position:absolute;left:0;right:0;bottom:-.05em;height:.13em;background:var(--main);border-radius:2px;transform:scaleX(0);transform-origin:0 50%;animation:ccbrule .7s var(--e) .3s forwards}@keyframes ccbrule{to{transform:scaleX(1)}}.ccb h2{font-family:var(--f);font-weight:600;font-size:clamp(20px,2.7vw,28px);line-height:1.22;letter-spacing:-.015em;margin:0 0 var(--s3);color:var(--ink);text-wrap:balance}.ccb .lede{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:64ch;margin:0 0 var(--s5)}.ccb .band{padding:clamp(18px,2.2vw,30px) 0;position:relative}.ccb .band--s{background:var(--surface);border-block:1px solid var(--line)}.ccb .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:11px 22px;border-radius:var(--r);text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--f);transition:transform .25s var(--e),background .25s var(--e),border-color .25s var(--e)}.ccb .btn.btn--y{background:var(--main);border-color:var(--main);color:#333e48}.ccb .btn.btn--y:hover{background:var(--main-dk);border-color:var(--main-dk);color:#333e48;transform:translateY(-1px)}.ccb .btn.btn--o{border-color:var(--line);color:var(--ink);background:var(--bg)}.ccb .btn.btn--o:hover{border-color:var(--ink);background:var(--surface);color:var(--ink);transform:translateY(-1px)}.ccb .btns{display:flex;gap:var(--s3);flex-wrap:wrap}.ccb .hero{background:var(--bg);border-bottom:1px solid var(--line);padding:clamp(18px,2.4vw,30px) 0 clamp(16px,2vw,26px)}.ccb .tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#333e48;background:var(--main);border-radius:var(--r);padding:5px 12px;margin-bottom:var(--s4)}.ccb .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3);counter-reset:s}.ccb .step{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);position:relative;transition:border-color .3s var(--e),transform .3s var(--e)}.ccb .step:hover{border-color:var(--main);transform:translateY(-2px)}.ccb .step .no{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--main);color:#333e48;font-weight:700;font-size:12px;margin-bottom:var(--s3)}.ccb .step h3{font-size:15px;font-weight:600;margin:0 0 var(--s1);color:var(--ink)}.ccb .step p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.5}.ccb .cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:var(--s3)}.ccb .cat{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .3s var(--e),box-shadow .3s var(--e),transform .3s var(--e)}.ccb .cat:hover{border-color:var(--main);box-shadow:0 6px 20px rgba(51,62,72,.12);transform:translateY(-2px)}.ccb .cat .pic{aspect-ratio:4/3;background:var(--surface);display:grid;place-items:center;padding:var(--s4);overflow:hidden}.ccb .cat .pic img{width:100%;height:100%;object-fit:contain;transition:transform .45s var(--e)}.ccb .cat:hover .pic img{transform:scale(1.06)}.ccb .cat .lab{padding:var(--s4);border-top:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex:1}.ccb .cat .lab h3{font-size:14.5px;font-weight:600;margin:0;color:var(--ink);line-height:1.3}.ccb .cat .lab svg{flex:0 0 auto;color:var(--line);transition:transform .3s var(--e),color .3s var(--e)}.ccb .cat:hover .lab svg{transform:translateX(3px);color:var(--ink)}.ccb .cat .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--main);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--e)}.ccb .cat:hover .bar{transform:scaleX(1)}.ccb .items{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:var(--s3)}.ccb .item{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s var(--e),box-shadow .3s var(--e),transform .3s var(--e)}.ccb .item:hover{border-color:var(--main);box-shadow:0 6px 18px rgba(51,62,72,.1);transform:translateY(-2px)}.ccb .item .pic{aspect-ratio:1;background:var(--surface);display:grid;place-items:center;padding:var(--s4);overflow:hidden;position:relative}.ccb .item .pic img{width:100%;height:100%;object-fit:contain;transition:transform .45s var(--e)}.ccb .item:hover .pic img{transform:scale(1.07)}.ccb .item .sheen{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);transform:translateX(-70%)}.ccb .item:hover .sheen{opacity:1;animation:ccbsweep .8s var(--e)}@keyframes ccbsweep{to{transform:translateX(70%)}}.ccb .item .nm{padding:var(--s3) var(--s4) var(--s4);border-top:1px solid var(--line-2);font-size:13px;font-weight:500;color:var(--ink);line-height:1.4;flex:1}.ccb .item .spec{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;font-weight:400}.ccb .rail{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.ccb .rail-in{display:flex;align-items:center;gap:var(--s1);overflow-x:auto;scrollbar-width:none;padding:var(--s3) 0;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.ccb .rail-in::-webkit-scrollbar{display:none}.ccb .rail a{flex:0 0 auto;font-size:12px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:6px 12px;border-radius:var(--r);border:1px solid transparent;white-space:nowrap;transition:color .25s var(--e),background .25s var(--e),border-color .25s var(--e)}.ccb .rail a:hover{color:var(--ink);background:var(--surface)}.ccb .rail a[aria-current]{color:#333e48;font-weight:700;background:var(--main);border-color:var(--main)}.ccb .pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5)}@media(max-width:600px){.ccb .pager{grid-template-columns:1fr}}.ccb .pg{display:flex;flex-direction:column;gap:3px;text-decoration:none;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4) var(--s5);transition:border-color .3s var(--e),background .3s var(--e),transform .3s var(--e)}.ccb .pg:hover{border-color:var(--main);background:var(--soft);transform:translateY(-2px)}.ccb .pg span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ccb .pg b{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.ccb .pg--n{text-align:right}.ccb .pg--empty{visibility:hidden}.ccb .bom{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.2vw,38px);position:relative;overflow:hidden}.ccb .bom::before{content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:linear-gradient(rgba(51,62,72,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(51,62,72,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(120% 90% at 88% 10%,#000,transparent 70%)}.ccb .bom .in{position:relative}.ccb .bom h2{margin-bottom:var(--s2)}.ccb .bom p{color:var(--ink-2);max-width:58ch;margin:0 0 var(--s5);font-size:14px}.ccb .grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}@media(max-width:700px){.ccb .grid2{grid-template-columns:1fr}}.ccb .fld{display:flex;flex-direction:column;gap:5px}.ccb .fld label{font-size:12px;font-weight:600;color:var(--ink)}.ccb .fld label i{font-style:normal;color:var(--muted);font-weight:400}.ccb .fld input,.ccb .fld textarea{font-family:var(--f);font-size:14px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;width:100%}.ccb .fld textarea{min-height:88px;resize:vertical}.ccb .fld input:focus,.ccb .fld textarea:focus{outline:2px solid var(--main);outline-offset:1px;border-color:var(--main)}.ccb .full{grid-column:1/-1}.ccb .drop{grid-column:1/-1;border:2px dashed var(--line);border-radius:var(--r);background:var(--bg);padding:var(--s6) var(--s5);text-align:center;cursor:pointer;transition:border-color .25s var(--e),background .25s var(--e)}.ccb .drop:hover,.ccb .drop.over{border-color:var(--main);background:var(--soft)}.ccb .drop b{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px}.ccb .drop span{font-size:12px;color:var(--muted)}.ccb .drop input[type=file]{display:none}.ccb .picked{display:none;align-items:center;gap:var(--s3);grid-column:1/-1;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);font-size:13px}.ccb .picked.on{display:flex}.ccb .picked b{flex:1;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccb .picked em{font-style:normal;color:var(--muted);font-size:12px}.ccb .picked button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.ccb .picked button:hover{color:var(--ink)}.ccb .msg{grid-column:1/-1;font-size:13px;padding:var(--s3) var(--s4);border-radius:var(--r);display:none}.ccb .msg.on{display:block}.ccb .msg.err{background:#fdecec;border:1px solid #f5c2c2;color:#8a1f1f}.ccb .msg.ok{background:#e8f3ec;border:1px solid #b9dcc6;color:#1d6f42}.ccb .bom .act{grid-column:1/-1;display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s2)}.ccb .bom .act small{color:var(--muted);font-size:12px}.ccb .ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s3);margin-top:var(--s5)}.ccb .way{display:flex;flex-direction:column;gap:2px;text-decoration:none;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4) var(--s5);transition:border-color .3s var(--e),transform .3s var(--e)}.ccb .way:hover{border-color:var(--main);transform:translateY(-2px)}.ccb .way span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ccb .way b{font-size:14px;font-weight:600;color:var(--ink)}.ccb .faq{border-top:1px solid var(--line)}.ccb .faq details{border-bottom:1px solid var(--line)}.ccb .faq summary{cursor:pointer;list-style:none;padding:var(--s4) 0;font-size:14.5px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:var(--s4);align-items:center}.ccb .faq summary::-webkit-details-marker{display:none}.ccb .faq summary::after{content:'+';font-size:19px;font-weight:400;color:var(--muted);transition:transform .3s var(--e)}.ccb .faq details[open] summary::after{transform:rotate(45deg)}.ccb .faq p{margin:0 0 var(--s5);font-size:13.5px;color:var(--ink-2);line-height:1.65}
main:has(.cc-bulkbuy) .section-breadcrumb{display:none}
main:has(.cc-bulkbuy) .cc-bulkbuy:first-of-type{margin-top:0}