.ccnb-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;max-width:100%;box-sizing:border-box;margin:10px 0 24px;padding:0;background:transparent;clear:both}
.ccnb-button{display:flex;align-items:center;justify-content:center;gap:15px;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:74px;padding:11px 18px;border:2px solid rgba(255,255,255,.58);border-radius:9px;color:#fff!important;text-align:left;text-decoration:none!important;overflow:hidden;box-shadow:inset 0 2px 2px rgba(255,255,255,.45),inset 0 -6px 8px rgba(0,0,0,.62),0 4px 9px rgba(0,0,0,.38);transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.ccnb-button--presale{background:linear-gradient(145deg,#e0aa63 0,#a65f2c 31%,#683018 67%,#bd7638 100%)}
.ccnb-button--new{background:linear-gradient(145deg,#f8dd72 0,#c49a25 32%,#75500a 69%,#d8ae35 100%)}
.ccnb-button--sale{border-color:#ded8c3;background:linear-gradient(145deg,#d9d6c9 0,#92938b 28%,#4b4f4d 58%,#272b2a 78%,#9d9d92 100%)}
.ccnb-button:hover,.ccnb-button:focus-visible{color:#fff!important;transform:translateY(-1px);filter:brightness(1.12);outline:2px solid rgba(255,255,255,.72);outline-offset:2px}
.ccnb-button.is-active{filter:brightness(1.13);border-color:#fff;box-shadow:inset 0 2px 2px rgba(255,255,255,.55),inset 0 -6px 8px rgba(0,0,0,.65),0 0 0 3px rgba(196,154,69,.38),0 4px 9px rgba(0,0,0,.42)}
.ccnb-icon{flex:0 0 auto;color:#fff;font-family:"Arial Unicode MS","Segoe UI Symbol",Arial,sans-serif;font-size:25px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.52),0 -2px 2px rgba(0,0,0,.94),0 2px 2px rgba(0,0,0,.65)}
.ccnb-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ccnb-title{display:block;min-width:0;color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:900;line-height:1.05;letter-spacing:.65px;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.45),0 -1px 1px rgba(0,0,0,.98),0 2px 2px rgba(0,0,0,.82)}
.ccnb-subtitle{display:block;margin-top:7px;color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 1px rgba(0,0,0,.94),0 2px 2px rgba(0,0,0,.76)}
@media(max-width:600px){.ccnb-nav{gap:4px;margin:7px 0 16px;padding:0}.ccnb-button{min-height:56px;gap:4px;padding:6px 3px}.ccnb-icon{font-size:17px}.ccnb-title{font-size:8px;letter-spacing:.1px}.ccnb-subtitle{margin-top:4px;font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.ccnb-button{transition:none!important}}