.color-picker-root{--brand-color: #E8735A;--brand-light: rgba(232, 115, 90, .1);--text-primary: #333;--text-secondary: #666;--bg-white: #fff;--border-color: #e0e0e0;position:relative;padding-bottom:180px}.cp-container{max-width:1200px;margin:0 auto;padding:20px}.cp-header{text-align:center;padding:20px 0 30px}.cp-title{color:var(--brand-color);font-size:28px;font-weight:700;margin-bottom:5px}.cp-subtitle{color:var(--text-secondary);font-size:14px}.cp-filter-section{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:25px}.cp-filter-btn,.cp-qty-btn{padding:8px 16px;border:2px solid var(--border-color);background:var(--bg-white);border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.cp-filter-btn:hover,.cp-qty-btn:hover{border-color:var(--brand-color);color:var(--brand-color)}.cp-filter-btn.active,.cp-qty-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.cp-quantity-section{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.cp-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px 12px;margin-bottom:30px;padding:10px}.cp-color-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.cp-color-item:hover{transform:translateY(-2px)}.cp-color-circle{display:block!important;width:80px;height:80px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;transition:all .2s ease;position:relative}.cp-color-item:hover .cp-color-circle{box-shadow:0 4px 16px #0000002e,0 2px 6px #0000001f;transform:scale(1.05)}.cp-color-item.selected .cp-color-circle{outline:3px solid var(--brand-color);outline-offset:3px;box-shadow:0 4px 16px #e8735a4d}.cp-color-label{margin-top:8px;text-align:center}.cp-color-code{font-size:14px;font-weight:700;color:var(--text-primary);display:block;line-height:1.2}.cp-color-hex{font-size:11px;color:var(--text-secondary);display:block;line-height:1.2;margin-top:2px}.cp-selection-display{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:1200px;background:#fff;padding:15px 20px;border-radius:16px;box-shadow:0 4px 20px #00000026;z-index:9999;border:2px solid var(--brand-color)}.cp-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cp-selection-title{font-size:16px;font-weight:600;color:var(--text-primary)}.cp-selection-count{font-size:14px;color:var(--brand-color);font-weight:600}.cp-selection-list{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding-right:5px;margin-bottom:12px}.cp-selection-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--brand-light);border-radius:20px;font-size:13px;border:1px solid var(--brand-color)}.cp-selection-item .cp-remove{cursor:pointer;color:var(--brand-color);font-weight:700;font-size:16px;line-height:1;padding:0 2px}.cp-selection-item .cp-remove:hover{color:#c0392b}.cp-empty-selection{color:var(--text-secondary);font-size:14px}.cp-add-to-cart-btn{width:100%;padding:14px;background:var(--brand-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cp-add-to-cart-btn:hover:not(:disabled){background:#d4614a}.cp-add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed}.cp-cart-badge{position:fixed;top:20px;right:20px;background:var(--brand-color);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px #e8735a66;z-index:999999;cursor:pointer;text-decoration:none;transition:transform .2s ease}.cp-cart-badge:hover{transform:scale(1.1)}.cp-cart-badge-count{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}@media(max-width:768px){.cp-title{font-size:22px}.cp-color-grid{grid-template-columns:repeat(3,1fr);gap:16px 8px}.cp-color-circle{width:65px;height:65px}.cp-color-code{font-size:13px}.cp-color-hex{font-size:10px}.cp-selection-display{bottom:10px;padding:12px 15px}.cp-cart-badge{width:50px;height:50px;font-size:20px}}@media(max-width:480px){.cp-color-grid{grid-template-columns:repeat(3,1fr);gap:12px 6px}.cp-color-circle{width:55px;height:55px}.cp-color-code{font-size:12px}.cp-color-hex{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-cpicker-v4.css.map */