.addons-wrapper{margin-top:1.5rem}.addons-wrapper .addons-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.addons-wrapper .addons-grid{grid-template-columns:repeat(2,1fr)}}.addons-wrapper .card{border-radius:.5rem;border:1px solid var(--border);background-color:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-sm)}.addons-wrapper .card .card-header-addons{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.addons-wrapper .card .card-header-addons .title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:-.025em}.addons-wrapper .card .card-header-addons .title svg{height:1.25rem;width:1.25rem}.addons-wrapper .card .card-header-addons .subtitle{font-size:.875rem;color:var(--muted-foreground)}.addons-wrapper .card .card-body{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.addons-wrapper .card .card-body .section{display:flex;flex-direction:column;gap:.75rem}.addons-wrapper .card .card-body .section label{font-size:.875rem;font-weight:500}.addons-wrapper .card .card-body .section label[disabled]{cursor:not-allowed;opacity:.7}.addons-wrapper .card .card-body .section .addons-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:768px){.addons-wrapper .card .card-body .section .addons-grid{grid-template-columns:repeat(2,1fr)}}.addons-wrapper .card .card-body .section .addons-grid .addon-item{display:flex;align-items:center;gap:.5rem}.addons-wrapper .card .card-body .custom-input-row{display:flex;gap:.5rem}.addons-wrapper .selected-addon{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.addons-wrapper .selected-addon .addon-name{font-weight:500;flex:1 1}.addons-wrapper .selected-addon .addon-price{display:flex;align-items:center;gap:.5rem}.addons-wrapper .selected-addon .addon-price span{font-size:.875rem;color:#666}.addons-wrapper .custom-option-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.addons-wrapper .custom-option-item .option-labels p:first-child{font-weight:500}.addons-wrapper .custom-option-item .option-labels p:last-child{font-size:.875rem;color:var(--earth-orange)}.addons-wrapper .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;font-size:.875rem;font-weight:500;height:2.25rem;padding:0 .75rem;border-radius:.375rem;transition:all .2s ease;outline:none;cursor:pointer}.addons-wrapper .btn:disabled{pointer-events:none;opacity:.5}.addons-wrapper .btn svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.addons-wrapper .btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--background)}.addons-wrapper .btn:hover{background:var(--accent);color:var(--accent-foreground)}.pricing-toggle{display:flex;gap:8px}.pricing-toggle button{padding:6px 12px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.pricing-toggle button.active{background:#000;color:#fff;border-color:#000}