.addon-container{max-width:1200px;margin:0 auto;padding:1rem 1rem 5rem}@media(max-width:1024px){.addon-container{padding:1rem 2rem 4rem}}@media(max-width:640px){.addon-container{padding:1rem 1rem 3rem}}.addon-header{text-align:center;margin-bottom:3rem}.addon-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}@media(max-width:1024px){.addon-header h2{font-size:2rem}}@media(max-width:640px){.addon-header h2{font-size:1.6rem}}.addon-header p{color:#000;text-align:center;font-size:22px;font-weight:400;line-height:110%;text-transform:capitalize}@media(max-width:1024px){.addon-header p{font-size:20px}}@media(max-width:640px){.addon-header p{font-size:16px}}.addon-list{display:flex;flex-direction:column;gap:1rem}.addon-card{overflow:hidden;border-radius:14px;border:1px solid #e4e4e4;background:#fff;transition:transform .3s ease}.addon-title{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.5rem;cursor:pointer;gap:1rem;color:#000;font-family:Roboto;font-style:normal;font-weight:600;line-height:157%;text-transform:capitalize}@media(max-width:1024px){.addon-title{padding:1.2rem 1rem}}@media(max-width:640px){.addon-title{padding:1rem .8rem;flex-direction:column;align-items:flex-start;gap:.5rem}}.addon-title h3{margin:0;font-size:1.2rem}@media(max-width:1024px){.addon-title h3{font-size:1.1rem}}@media(max-width:640px){.addon-title h3{font-size:1rem}}.addon-title .addon-left{display:flex;align-items:center;gap:.7rem;flex:1}@media(max-width:640px){.addon-title .addon-left{flex-direction:column;align-items:flex-start;gap:.3rem}}.addon-pill{background-color:#fff3e6;color:#f8810b;padding:.3rem .8rem;border-radius:2rem;font-size:.8rem;font-weight:500;border:1px solid #f5d3b3}@media(max-width:640px){.addon-pill{padding:.25rem .6rem;font-size:.75rem}}.addon-arrow{font-size:1.5rem;transition:transform .3s ease;color:#f8810b}@media(max-width:640px){.addon-arrow{font-size:1.3rem}}.addon-arrow.rotate{transform:rotate(90deg)}.addon-details{padding:1.5rem;background:#fafafa;border-top:1px solid #eee}.addon-details p{font-size:.95rem;color:#444;line-height:1.5}@media(max-width:1024px){.addon-details p{font-size:.9rem}}@media(max-width:640px){.addon-details p{font-size:.85rem}}.banner{background-color:#f7f4ff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:8rem;padding-bottom:2rem;text-align:center}@media(max-width:1024px){.banner{padding-top:6rem;padding-bottom:6rem}}@media(max-width:768px){.banner{padding-top:4rem;padding-bottom:4rem}}@media(max-width:480px){.banner{padding-top:3rem;padding-bottom:3rem}}.toggle-container{display:flex;align-items:center;gap:2rem;margin-top:3rem;font-size:1.5rem;font-weight:500;color:#333}@media(max-width:768px){.toggle-container{font-size:.95rem;margin-top:2rem;gap:1.5rem}}@media(max-width:480px){.toggle-container{font-size:.85rem;margin-top:1.5rem;flex-direction:column;gap:1rem}}.radio-option{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;transition:.3s ease}.radio-option input:checked{border-color:#f8810b;background-color:#f8810b;box-shadow:0 0 0 3px rgba(248,129,11,.2)}.radio-option.active{color:#f8810b}