.addon-v2-accessory{--addon-v2-primary: #F97316;--addon-v2-bg: #FDF5F0;--addon-v2-radius: 8px;--addon-v2-text: #333333;--addon-v2-text-muted: #999999;--addon-v2-text-secondary: #666666;--addon-v2-border: #F0F0F0;--addon-v2-card-bg: #FFFFFF;--addon-v2-transition: .2s ease;--addon-v2-promo-size: 14px;--addon-v2-price-size: 14px;--addon-v2-quick-view-size: 28px}.addon-v2-accessory{background:var(--addon-v2-bg);border-radius:var(--addon-v2-radius);padding:16px 20px;font-family:inherit}.addon-v2-tabs{display:flex;gap:24px;margin-bottom:16px;border-bottom:1px solid var(--addon-v2-border);padding-bottom:0}.addon-v2-tab{position:relative;background:none;border:none;padding:8px 0;font-size:var(--addon-v2-tab-font-size, 16px);font-weight:600;color:var(--addon-v2-tab-color, var(--addon-v2-text-muted));cursor:pointer;transition:color var(--addon-v2-transition);margin-bottom:-1px}.addon-v2-tab:hover,.addon-v2-tab.active{color:var(--addon-v2-tab-active-color, var(--addon-v2-primary))}.addon-v2-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--addon-v2-tab-active-color, var(--addon-v2-primary))}.addon-v2-panel{display:block}.addon-v2-panel.hidden,.addon-v2-panel[hidden]{display:none}.addon-v2-list{display:flex;gap:8px;flex-direction:column}.addon-v2-card{display:grid;grid-template-columns:26px var(--addon-v2-image-size, 48px) 1fr;align-items:center;gap:12px;padding:10px;background:var(--addon-v2-card-bg);border-bottom:1px solid var(--addon-v2-border);cursor:pointer;transition:background-color var(--addon-v2-transition)}.addon-v2-card:hover{background:#00000005}.addon-v2-card:last-child{border-bottom:none}.addon-v2-card[data-available=false]{opacity:.5}.addon-v2-list{position:relative;transition:max-height .3s ease;background:var(--addon-v2-list-bg, #FFFFFF);border:var(--addon-v2-list-border-width, 1px) solid var(--addon-v2-list-border-color, var(--addon-v2-border));border-radius:var(--addon-v2-radius);overflow:hidden}.addon-v2-list:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 var(--addon-v2-list-border-width, 1px) var(--addon-v2-list-border-color, var(--addon-v2-border))}.addon-v2-list[data-collapsed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--addon-v2-bg));pointer-events:none;border-radius:0 0 var(--addon-v2-radius) var(--addon-v2-radius);z-index:1}.addon-v2-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.addon-v2-checkbox input{position:absolute;opacity:0;width:0;height:0}.addon-v2-checkbox-custom{display:flex;align-items:center;justify-content:center;width:var(--addon-v2-checkbox-size, 18px);height:var(--addon-v2-checkbox-size, 18px);border:2px solid var(--addon-v2-primary);border-radius:3px;background:transparent;color:transparent;transition:all var(--addon-v2-transition)}.addon-v2-checkbox input:checked+.addon-v2-checkbox-custom{background:var(--addon-v2-primary);color:#fff}.addon-v2-checkbox input:focus-visible+.addon-v2-checkbox-custom{outline:2px solid var(--addon-v2-primary);outline-offset:2px}.addon-v2-checkbox input:disabled+.addon-v2-checkbox-custom{opacity:.4;cursor:not-allowed}.addon-v2-card-image{display:block;width:var(--addon-v2-image-size, 48px);height:var(--addon-v2-image-size, 48px);border-radius:var(--addon-v2-image-radius, 4px);overflow:hidden;flex-shrink:0}.addon-v2-img{width:100%;height:100%;object-fit:cover}.addon-v2-img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f5f5;color:#ccc}.addon-v2-card-content-wrapper{display:flex;align-items:center;gap:12px;min-width:0}.addon-v2-card-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.addon-v2-card-info{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.addon-v2-card-title{font-size:var(--addon-v2-title-size, 14px);font-weight:500;color:var(--addon-v2-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-v2-card-title:hover{text-decoration:underline}.addon-v2-card-desc{font-size:12px;color:var(--addon-v2-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-v2-variant-select{font-size:12px;padding:4px 8px;border:1px solid var(--addon-v2-border);border-radius:4px;background:#fff;max-width:160px}.addon-v2-card-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;min-width:80px;text-align:right}.addon-v2-price-compare{font-size:var(--addon-v2-price-size, 14px);color:var(--addon-v2-text-muted);text-decoration:line-through}.addon-v2-price-now{font-size:var(--addon-v2-price-size, 14px);font-weight:600;color:var(--addon-v2-text)}.addon-v2-price-sale{color:var(--addon-v2-primary)}.addon-v2-discount-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;background:var(--addon-v2-primary);color:#fff}.addon-v2-gift-badge{font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;background:#22c55e;color:#fff}.addon-v2-quick-view{display:flex;align-items:center;justify-content:center;width:var(--addon-v2-quick-view-size, 28px);height:var(--addon-v2-quick-view-size, 28px);color:var(--addon-v2-primary);background:#f973161a;border:none;border-radius:50%;cursor:pointer;transition:all var(--addon-v2-transition);flex-shrink:0}.addon-v2-quick-view svg{width:calc(var(--addon-v2-quick-view-size, 28px) * .6);height:calc(var(--addon-v2-quick-view-size, 28px) * .6)}.addon-v2-quick-view:hover{background:#f9731633;transform:scale(1.1)}.addon-v2-quick-view:focus{outline:none;box-shadow:0 0 0 2px #f973164d}.addon-v2-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--addon-v2-border)}.addon-v2-promo{flex:1}.addon-v2-promo-text{font-size:var(--addon-v2-promo-size, 14px);font-weight:600;color:var(--addon-v2-text)}.addon-v2-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;padding:6px 10px;font-size:14px;color:var(--addon-v2-text-secondary, #666666);cursor:pointer;transition:text-decoration var(--addon-v2-transition);text-decoration:none}.addon-v2-toggle:hover{text-decoration:underline}.addon-v2-toggle[hidden]{display:none}.addon-v2-toggle-icon{transition:transform var(--addon-v2-transition)}.addon-v2-toggle[aria-expanded=true] .addon-v2-toggle-icon{transform:rotate(180deg)}@media(max-width:767px){.addon-v2-accessory{padding:12px 16px}.addon-v2-tabs{gap:16px}.addon-v2-tab{font-size:14px}.addon-v2-card{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px;padding:10px 8px}.addon-v2-checkbox{flex-shrink:0;padding-top:2px}.addon-v2-card-image{width:var(--addon-v2-image-size, 44px);height:var(--addon-v2-image-size, 44px);flex-shrink:0}.addon-v2-card-content-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.addon-v2-card-title{font-size:13px;white-space:normal;word-break:break-word;line-height:1.3}.addon-v2-card-actions{display:flex;align-items:center;gap:8px}.addon-v2-card-price{justify-content:flex-start;min-width:auto;gap:6px;flex-direction:row}.addon-v2-price-compare,.addon-v2-price-now{font-size:calc(var(--addon-v2-price-size, 14px) - 1px)}.addon-v2-quick-view{margin-top:0}}.addon-v2-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.addon-v2-modal-overlay.active{opacity:1;visibility:visible}.addon-v2-modal{position:relative;background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;transform:scale(.9) translateY(20px);transition:transform .3s ease}.addon-v2-modal-overlay.active .addon-v2-modal{transform:scale(1) translateY(0)}.addon-v2-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--addon-v2-primary);font-size:20px;font-weight:700;opacity:.8;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease}.addon-v2-modal-close:hover{opacity:1}.addon-v2-modal-images{padding:20px;background:#f8f8f8}.addon-v2-modal-main-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:12px}.addon-v2-modal-main-image img{width:100%;height:100%;object-fit:contain}.addon-v2-modal-thumbnails{display:flex;gap:8px;overflow-x:auto}.addon-v2-modal-thumb{width:60px;height:60px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;background:#fff;padding:0}.addon-v2-modal-thumb.active{border-color:var(--addon-v2-primary)}.addon-v2-modal-thumb img{width:100%;height:100%;object-fit:contain}.addon-v2-modal-info{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.addon-v2-modal-badge{display:inline-block;background:var(--addon-v2-primary);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:4px;width:fit-content}.addon-v2-modal-title{font-size:20px;font-weight:600;color:#333;margin:0;line-height:1.4}.addon-v2-modal-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.addon-v2-modal-price-now{font-size:24px;font-weight:700;color:var(--addon-v2-primary)}.addon-v2-modal-price-compare{font-size:16px;color:#999;text-decoration:line-through}.addon-v2-modal-price-badge{background:var(--addon-v2-primary);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.addon-v2-modal-desc{font-size:14px;line-height:1.6;color:#666}.addon-v2-modal-view-details{font-size:14px;color:var(--addon-v2-primary);text-decoration:underline}.addon-v2-modal-view-details:hover{text-decoration:none}.addon-v2-modal-quantity{display:flex;align-items:center;gap:12px}.addon-v2-modal-quantity-label{font-size:14px;font-weight:500;color:#333}.addon-v2-modal-quantity-selector{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden}.addon-v2-modal-qty-btn{width:40px;height:40px;border:none;background:#f5f5f5;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.addon-v2-modal-qty-btn:hover{background:#eee}.addon-v2-modal-qty-input{width:50px;height:40px;border:none;text-align:center;font-size:16px;font-weight:500}.addon-v2-modal-add-btn{width:100%;padding:14px 24px;background:var(--addon-v2-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.addon-v2-modal-add-btn:hover{background:#e63939}.addon-v2-modal-add-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:767px){.addon-v2-modal{grid-template-columns:1fr;max-height:95vh}.addon-v2-modal-images{padding:16px}.addon-v2-modal-main-image{aspect-ratio:4/3}.addon-v2-modal-info{padding:16px}.addon-v2-modal-title{font-size:18px}.addon-v2-modal-price-now{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/addon-v2-accessory.css.map */